FE-page

This repository contains the frontend implementation, aimed to align closely with the provided design specs. Below you can view the live site and compare it side-by-side with the original Figma designs.

• Live site: link
• Figma side-by-side comparison: link

Technology Stack

• Language: TypeScript
• Framework: React.js
• UI component: MUI
• CSS Frameworks: Tailwind CSS
• Build Tool: Vite
• Routing: react-router-dom
• Code Quality Tools: ESLint, Prettier
• Deploy: Vercel

Demo

demo_desktop.mp4

demo_mobile.mp4

Developing

After installing dependencies with npm install (or pnpm install or yarn), start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

To create a production version:

npm run build

Preview the production build with:

npm run preview