@aw-web-design/styled-system

๐ŸŒถ๏ธ Responsive, theme-based style props for building design systems with React


Keywords
cli, cli-app, component-library, components, linting, nextjs, react, reactjs, storybook, testing, theme, themeing, themes, typescript
License
MIT
Install
npm install @aw-web-design/styled-system@4.1.134

Documentation

logo

Tech Stack

Tech Stack is a collection of packages that I use and maintain either by publishing updates or just security fixes!

If you have any suggestions please feel free to add a suggestion issue ticket with a reason why you think it should be added

contributors CodeFactor last update forks stars open issues license

View Demo ยท Documentation ยท Report Bug ยท Request Feature


๐Ÿ“” Table of Contents

๐ŸŒŸ About the Project

๐Ÿ“ท Screenshots

screenshot

๐Ÿ‘พ Tech Stack

Client
Server
Database
DevOps

๐ŸŽฏ Features

  • Feature 1
  • Feature 2
  • Feature 3

๐ŸŽจ Color Reference

Color Hex
Primary Color #222831 #222831
Secondary Color #393E46 #393E46
Accent Color #00ADB5 #00ADB5
Text Color #EEEEEE #EEEEEE

๐Ÿ”‘ Environment Variables

To run this project, you will need to add the following environment variables to your .env file

API_KEY

ANOTHER_API_KEY

๐Ÿงฐ Getting Started

โ€ผ๏ธ Prerequisites

This project uses Yarn as package manager

 npm install --global yarn

โš™๏ธ Installation

Install my-project with npm

  yarn install my-project
  cd my-project

๐Ÿงช Running Tests

To run tests, run the following command

  yarn test

๐Ÿƒ 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

Start the server

  yarn start

๐Ÿšฉ Deployment

To deploy this project run

  yarn deploy

๐Ÿ‘€ Usage

Use this space to tell a little more about your project and how it can be used. Show additional screenshots, code samples, demos or link to other resources.

import Component from 'my-project'

function App() {
  return <Component />
}

๐Ÿงญ Roadmap

  • Todo 1
  • Todo 2

๐Ÿ‘‹ Contributing

Contributions are always welcome!

See contributing.md for ways to get started.

๐Ÿ“œ Code of Conduct

Please read the Code of Conduct

โ” FAQ

  • Question 1

    • Answer 1
  • Question 2

    • Answer 2

โš ๏ธ License

Distributed under the no License. See LICENSE.txt for more information.

๐Ÿค Contact

Your Name - @twitter_handle - email@email_client.com

Project Link: https://github.com/The-Code-Monkey/TechStack

๐Ÿ’Ž Acknowledgements