Skip to content

ReactRay/rainbow-project

Repository files navigation

🌈 Rainbow — Color Palette Generator

Rainbow Preview 1 Rainbow Preview 2 Rainbow Preview 3 Rainbow Preview 4


🌟 Overview

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.


🎨 Features

  • 🔐 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)

🛠️ Tech Stack

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

⚙️ Environment Setup

  1. Clone the repository:
    git clone https://github.com/ReactRay/rainbow-project.git
    cd rainbow-project

About

a color generating project

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages