- Project Description
- Built With
- Tools Used
- Features
- Getting Started (on web)
- Getting Started (locally)
- Our Team
ColorMind is a web application that helps users receive color recommendations based on a context. Users pick a color and write the context, explaining how they want to use it. They get an AI response with compatible colors and recommendations. They can also simulate how the selected color might look like for people with vision deficiencies.
- Color selection: Users are able to select a color from the wheel or add their own color hexadecimal code
- Context interpretation: Users are able to provide a context for using that color and the AI will adapt the response based on it
- Color recommendations: The AI will give recommendations and compatible colors, presenting their characteristics
- Vision deficiencies simulation: Users are able to simulate how color choices might appear to people with different types of color vision deficiencies
Open our app on Vercel
Clone the repository to your local machine.
Run npm install in the terminal for the necessary dependencies.
Install @jaames/iro for the color picker, openai for AI connectivity.
Create a local .env file at the root level of the project and add the API key you receive from OpenAI (you have to create an account first):
OPENAI_API_KEY from OpenAI
Run npm run dev in the terminal.
Check the app at the indicated local link (ex: http://localhost:3000).