Skip to content

Generate CSS for your HTML elements using a GUI interface

Notifications You must be signed in to change notification settings

staranbeer/css-generator

Repository files navigation

CSS Generator

An app that lets you generate CSS for your HTML elements with a GUI interface.

css

Technologies Used

  • React
  • Redux
  • React Router
  • TailwindCSS

Quick Start

To use the app, you can head over to https://css-generator-pearl.vercel.app/

Running Locally

Requirements

Make sure you have node installed. You can check which version of node you're using by running the following command.

node -v

We recommend using the lts(Long-term Support) version of node.

Cloning the repo

git clone https://github.com/staranbeer/css-generator.git
cd css-generator
npm install
npm run start

How do I contribute?

All kinds of suggestions and contributions are welcome

To contribute, you can fork the project repository so that you can have your own copy of the project on your github.

  1. Go to the repository on GitHub: https://github.com/staranbeer/css-generator

  2. Click the "Fork" Button in the upper right-hand corner of the interface.

  3. After the repository has been forked, you will be taken to your copy of the css-generator repository

  4. Now you can clone the repository locally by running the following command on your terminal.

git clone https://github.com/YOUR_USER_NAME/css-generator.git
  1. Check out a new branch so you don't make changes to the main branch.
git checkout -b your-branch-name
  1. You can commit any changes you make by running:
git add .
git commit -m "i changed something"
  1. After you're done commiting your changes, you can push changes to your branch by running.
git push origin <your-branch-name>
  1. Now, go to your repository on github and click on the compare and pull request button.

After your changes are approved, They will be merged with the primary codebase.

License

MIT