Rainbow is a modern color palette generator built with Vite + React + TypeScript.
It allows designers and developers to easily create, explore, and save beautiful color combinations for their next project.
The app is connected to a .NET Core backend (Azure-hosted) for authentication and user management.
- 🔐 User authentication (JWT-based, integrated with Azure API)
- 🎨 Color palette generation — create and explore matching color sets
- 🌈 Shades & tints — visualize lighter and darker versions of a base color
- 💾 Save your palettes to your personal profile
- 🧠 Inspiration mode — discover palettes created by others
- ⚡ Built with Vite for instant builds and blazing-fast performance
- ☁️ Deployed Frontend: Rainbow Project (Vercel)
- 🧩 Backend: ASP.NET Core API (Azure)
Frontend
- React + Vite + TypeScript
- CSS Modules
- Axios (for API requests)
- Toast notifications
Backend
- .NET 8 Web API
- Entity Framework Core
- SQL Server (Azure)
- JWT Authentication
Hosting
- Frontend: Vercel
- Backend: Azure App Service
- Clone the repository:
git clone https://github.com/ReactRay/rainbow-project.git cd rainbow-project



