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

   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:

     cd color-craft

   • Install the dependencies:

     npm install

4. Run the Development Server

   Start the development server:

   npm start

5. Access the Application

   Open your browser and navigate to http://localhost:3000 to view the application.

Live Demo

• Live Web: 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.