🎨 Travel Wallet Web 🎨

How to run

clone the travel-wallet-api

Then, run the development server from both projects:

npm install
npm run dev

It is important to also setting up the environment variables.

Project Design

Ant Desing as UI Library

Project Structure

Atomic Design

Theme tokens

Colors

Primary: #5377F0 Primary Hover: #728ff2 Primary Active: #096dd9 Primary Light: #eef1fd Background Color: #f3f6fb

Spaces

--space-1: 2px;
--space-2: 4px;
--space-3: 6px;
--space-4: 8px;
--space-5: 10px;
--space-6: 12px;
--space-8: 16px;
--space-12: 24px;
--space-16: 32px;
--space-24: 48px;