ChromaMind: AI Color Psychology

ChromaMind is an interactive web application that explores the psychological meaning of colors. Select a color to understand its emotional associations and discover matching colors for mood manipulation. Leverage AI to generate unique website color schemes based on a desired mood.

Features

• Color Psychology Analysis: Select any color and instantly see its psychological and emotional associations.
• AI-Powered Mood Matcher: Generate color palettes tailored to a specific mood using AI.
• Color History: Track and revisit previously analyzed colors.
• Modern UI: Responsive, visually appealing interface built with React and Vite.

Getting Started

Prerequisites

• Node.js (v16 or higher recommended)
• A Gemini API key (for AI-powered features)

Installation

1. Clone the repository:

   git clone <repo-url>
   cd chromamind_-ai-color-psychology

2. Install dependencies:

   npm install

3. Set up environment variables:
   • Create a .env.local file in the root directory.
   • Add your Gemini API key:

     GEMINI_API_KEY=your_gemini_api_key_here

4. Run the development server:

   npm run dev

   The app will be available at http://localhost:5173.

Build for Production

To build the app for production:

npm run build

To preview the production build:

npm run preview

Project Structure

• App.tsx - Main application component
• components/ - UI components (ColorPicker, ColorAnalysis, MoodMatcher, etc.)
• services/geminiService.ts - Handles AI requests
• types.ts - TypeScript type definitions

License

This project is for educational and demonstration purposes.

---

Feel free to contribute or suggest improvements!