https://github.com/sayedshehata1/colors-app
A clone of websites like Flat UI Colors and Material UI Colors.
https://github.com/sayedshehata1/colors-app
chroma-js emoji-mart material-ui react react-copy-to-clipboard
Last synced: 3 days ago
JSON representation
A clone of websites like Flat UI Colors and Material UI Colors.
- Host: GitHub
- URL: https://github.com/sayedshehata1/colors-app
- Owner: SayedShehata1
- Created: 2023-06-09T10:20:51.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-09-20T23:07:10.000Z (about 2 years ago)
- Last Synced: 2025-02-01T13:43:14.219Z (9 months ago)
- Topics: chroma-js, emoji-mart, material-ui, react, react-copy-to-clipboard
- Language: JavaScript
- Homepage: https://react--colors-app.vercel.app/
- Size: 1.33 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Colors App
Table of Contents
## About The Project
A clone of websites like Flat UI Colors and Material UI Colors using React.
### Features
- list default and custom palettes with ability to create/delete palettes
- create custom color palette that:
- contains colors entered by user through color picker or (Random Color) button
- enable user to change the order of ColorBoxes by **Drag & Drop**
- enable user to save custom palette with name and emoji :smiley:
- explore color palettes and generate different color levels
- click on color box to **copy** color code with the ability to select the color format from:
- `HEX` format
- `RGB` format
- `RGBA` format
- click on `More` button on each color box to generate colors from selected color
### Built With
- React
- Material-UI
- chroma-js
- emoji-mart
- React Color
- rc-slider
- react-copy-to-clipboard
- react-material-ui-form-validator
- react-router
- react-transition-group
---
## Getting Started
This project require some perquisites and dependencies to be installed, you can view it online using this [demo](https://react--colors-app.vercel.app/). or you can find the instructions below:
> To get a local copy, follow these simple steps :
### Installation
#### installing Locally
1. Clone the repo
```sh
git clone https://github.com/SayedShehata1/Colors-App.git
```
2. go to project folder
```sh
cd React-Colors-App
```
3. install dependencies
```bash
npm install --force
```
4. Run development server
```sh
npm start
```
---
## Contributing
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".
Don't forget to give the project a star! Thanks again!
1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request
