https://github.com/ahadalireach/colorcraft
A site to help designers find and explore colors for their next design project.
https://github.com/ahadalireach/colorcraft
api-handling css react-toastify reactjs
Last synced: 4 months ago
JSON representation
A site to help designers find and explore colors for their next design project.
- Host: GitHub
- URL: https://github.com/ahadalireach/colorcraft
- Owner: ahadalireach
- Created: 2024-05-19T09:28:36.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-12-07T07:18:16.000Z (over 1 year ago)
- Last Synced: 2024-12-07T08:19:21.881Z (over 1 year ago)
- Topics: api-handling, css, react-toastify, reactjs
- Language: CSS
- Homepage: https://colorcraft-web.netlify.app
- Size: 150 KB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Color Craft
**Color Craft** is a tool designed to help designers create color palettes with varying levels of transparency, ranging from 0% to 100%. The application is crafted to simplify the process of finding the perfect shade and enhance your design projects.
## Technologies Used
- **Frontend:** React JS, Styled Components
- **Development Tool:** React Scripts
## Features
- **Transparency Levels**: View colors with different transparency settings.
- **Hex Codes**: Retrieve the exact color codes for your designs.
- **Easy to Use**: Enjoy a clean and straightforward interface for seamless color selection.
## Getting Started
### Prerequisites
- Node.js and npm installed
- VS Code or any other code editor
- Git (optional, for cloning the repository)
### Setup Instructions
1. **Clone the Repository**
```bash
git clone https://github.com/yourusername/color-craft.git
```
`Unzip the File`
2. **Open with VS Code**
Open the project directory with VS Code or your preferred code editor.
3. **Install Dependencies**
- Navigate to the project directory:
```bash
cd color-craft
```
- Install the dependencies:
```bash
npm install
```
4. **Run the Development Server**
Start the development server:
```bash
npm start
```
5. **Access the Application**
Open your browser and navigate to [http://localhost:3000](http://localhost:3000) to view the application.
**Live Demo**
- Live Web: [colorcraft-web.netlify.app](https://colorcraft-web.netlify.app)
- GitHub Repo: Give it a Star!
**Contact**
For any questions or feedback, please reach out to me at [ahadali.reach@gmail.com](mailto:ahadali.reach@gmail.com).