<div align="center">
<img src="logo.png" alt="logo" width="200" height="auto" />
<h1>Tech Stack</h1>
<p>
Tech Stack is a collection of packages that I use and maintain either by publishing updates or just security fixes!
</p>
<p>
If you have any suggestions please feel free to add a suggestion issue ticket with a reason why you think it should be added
</p>
<!-- Badges -->
<p>
<a href="https://github.com/The-Code-Monkey/TechStack/graphs/contributors">
<img src="https://img.shields.io/github/contributors/The-Code-Monkey/TechStack" alt="contributors" />
</a>
<a href="https://www.codefactor.io/repository/github/The-Code-Monkey/TechStack">
<img src="https://www.codefactor.io/repository/github/The-Code-Monkey/TechStack/badge" alt="CodeFactor" />
</a>
<a href="">
<img src="https://img.shields.io/github/last-commit/The-Code-Monkey/TechStack" alt="last update" />
</a>
<a href="https://github.com/The-Code-Monkey/TechStack/network/members">
<img src="https://img.shields.io/github/forks/The-Code-Monkey/TechStack" alt="forks" />
</a>
<a href="https://github.com/The-Code-Monkey/TechStack/stargazers">
<img src="https://img.shields.io/github/stars/The-Code-Monkey/TechStack" alt="stars" />
</a>
<a href="https://github.com/The-Code-Monkey/TechStack/issues/">
<img src="https://img.shields.io/github/issues/The-Code-Monkey/TechStack" alt="open issues" />
</a>
<a href="https://github.com/The-Code-Monkey/TechStack/blob/master/LICENSE">
<img src="https://img.shields.io/github/license/The-Code-Monkey/TechStack.svg" alt="license" />
</a>
</p>
<h4>
<a href="https://dev--6278c83eb59351004aa9a718.chromatic.com">View Components Storybook</a>
<span> · </span>
<!-- <a href="https://tech-stack-react-cms.vercel.app/">View React CMS Demo</a> -->
<!-- <span> · </span> -->
<a href="https://github.com/The-Code-Monkey/TechStack">Documentation (not built yet)</a>
<span> · </span>
<a href="https://github.com/The-Code-Monkey/TechStack/issues/">Report Bug</a>
<span> · </span>
<a href="https://github.com/The-Code-Monkey/TechStack/issues/">Request Feature</a>
</h4>
</div>
<br />
<!-- Table of Contents -->
:notebook_with_decorative_cover: Table of Contents
<!-- About the Project -->
:star2: About the Project
This Project started out as just theme, styled-system, and components. But as time has gone on I have added other packages that I feel are very useful to me that may have been deprecated by other maintainers. I will continue to keep them up to date and use them within my own packages and websites/apps.
<!-- Packages within repo -->
Packages within repo
<!-- Getting Started -->
:toolbox: Getting Started
<!-- Prerequisites -->
:bangbang: Prerequisites
This project uses Yarn as package manager
npm install --global yarn
<!-- Run Locally -->
:running: Run Locally
Clone the project
git clone https://github.com/The-Code-Monkey/TechStack.git
Go to the project directory
cd TechStack
Install dependencies
yarn install
<!-- Usage -->
:eyes: Usage
For usage for a specific package please check their corresponding README.md in their directory.
<!-- Roadmap -->
:compass: Roadmap
Roadmap / Project info can be found here.
https://github.com/users/The-Code-Monkey/projects/5
<!-- Contributing -->
:wave: Contributing
<a href="https://github.com/The-Code-Monkey/TechStack/graphs/contributors">
<img src="https://contrib.rocks/image?repo=The-Code-Monkey/TechStack" />
</a>
Contributions are always welcome!
See contributing.md for ways to get started.
<!-- License -->
:warning: License
Distributed under the MIT License. See LICENSE.txt for more information.
<!-- Contact -->
:handshake: Contact
Project Link: https://github.com/The-Code-Monkey/TechStack
<!-- Acknowledgments -->
:gem: Acknowledgements