jesusgraterol / uipalettes

uipalettes is a Progressive Web App (PWA) that provides web developers access to a curated library of high-quality color palettes that fully comply with the Web Content Accessibility Guidelines (WCAG).

uipalettes

uipalettes is a Progressive Web App (PWA) that provides web developers access to a curated library of high-quality color palettes that fully comply with the Web Content Accessibility Guidelines (WCAG).

Live Demo

uipalettes

Getting Started

Requirements

• GIT
• NodeJS ^v22.2.0
• NPM ^v10.7.0

Installation

Clone the repository

$ git clone [e-mail]:jesusgraterol/uipalettes.git

Install the dependencies

$ npm install

Usage

Run the Development Vite Server

$ npm run dev

Open http://localhost:5173/ (the port may vary) with your favorite browser.

Build Process

Run the Vite Production Build

$ npm run build

Deployment

When a commit is pushed to the main branch, Github Workflows automatically pushes the new distribution to Firebase Hosting.

Built With

• HTML5
• CSS3
• TypeScript
• React

Running the Tests

# Unit Tests
$ npm run test:unit

# Integration Tests
$ npm run test:integration

# E2E Tests
$ npm run test:e2e

Branding

Font: Montserrat

Primary Color: #0C0C0C

Secondary Color: #171717

Success Color: #1B5E20

Error Color: #B71C1C

Warn Color: #BF360C

Info Color: #0D47A1

Text Color: #0f172a

Light Text Color: #64748b

@TODO

• ...

License

MIT

Acknowledgments

• Ant Design
• Bootstrap
• Chakra
• Mantine
• Material Design 2
• NextUI
• Open Color
• Radix
• React Suite
• Tailwind CSS
• Montserrat | Google Fonts
• Material Icons | Google Fonts