🚗 MyMech Frontend

Responsive web interface for MyMech – find nearby mechanics, book services, and manage your account.

Features

• Landing page with service overview
• Account type selection (Mechanic or Car Owner)
• Signup and login forms
• Service listing and booking UI
• Mobile-friendly navigation
• Modern design with custom icons and fonts

Structure

frontend/
├── index.html              # Landing page
├── home.html               # Main dashboard after login
├── choose_account.html     # Select account type
├── signup.html             # Signup form
├── login.html              # Login form
├── services.html           # Services listing
├── assets/
│   ├── css/
│   │   └── style.css       # Main stylesheet
│   ├── js/
│   │   └── script.js       # JS for UI interactions
│   └── images/             # Logo and graphics
├── readme-images/          # Screenshots for documentation
└── style-guide.md          # Design tokens and style guide

Setup

No build step required. Just open index.html in your browser.

Usage

1. Start at index.html
2. Click "Get Started" to choose account type and sign up
3. Log in to access dashboard and services

Customization

• Update styles in assets/css/style.css
• Add new images to assets/images/
• Modify navigation and UI in HTML files

Screenshots

See readme-images/ for desktop previews.

License

MIT