Skip to content

Latest commit

 

History

History
80 lines (47 loc) · 2.4 KB

File metadata and controls

80 lines (47 loc) · 2.4 KB

Chroma V2.0 - Enterprise React Edition

Advanced Color Management System

This is the V2.0 Re-write of the Chroma application, moving from vanilla HTML/JS to a robust React + TypeScript architecture.

👑 Website Owner's Manual

1. How to Login (Admin Dashboard)

  • Click the "Enterprise Login" button on the top right.
  • Username: admin
  • Password: password
  • Security: The system simulates a secure login. It uses local encryption to enable a persistent session, so you don't have to login every time.

2. How to Deploy (Put it Online)

This website is "Client-Side Only", meaning it's very cheap and easy to host.

  • Netlify (Recommended): Drag the chroma-v2 folder to Netlify Drop. It will auto-detect the netlify.toml file.
  • Vercel: Import this repository. It will auto-detect Vite/React.
  • GitHub Pages: Run npm run build and upload the dist folder.

3. Features Overview

  • Vision Simulator: Checks color blindness compliance (New in V2).
  • Picker & Tools: Currently set to "In Development" mode to keep the site looking professional while under construction.

🛠️ Developer Guide

Tech Stack

  • Framework: React 18 + Vite
  • Language: TypeScript
  • Styles: SCSS Modules (Global Theme)

Commands

  1. Install: npm install
  2. Start: npm run dev
  3. Build: npm run build

🔐 Security Note

The "Enterprise Security" features (MFA, Logging) are high-fidelity simulations designed for demonstration purposes. No real backend server is required.


Generated by Google DeepMind Advanced Agentic Coding


📜 Copyright & License

© 2026 Ashraf Morningstar. All Rights Reserved.

Educational Disclaimer: This is a personal recreation of an existing project concept, developed for learning and skill development purposes. The original project concept remains the intellectual property of its respective creator(s).

License: MIT License - See LICENSE file for details.

Developer: Ashraf Morningstar

Portfolio: Explore more projects at https://github.com/AshrafMorningstar


🤝 Connect & Contribute

Found this helpful? Give it a ⭐️ on GitHub!

  • 💼 Company: MORNINGSTARCONSTRUCTION
  • 📍 Location: India
  • 🐙 GitHub: @AshrafMorningstar