Welcome to the frontend repository of PrimeLifeFit, your premier online destination for fitness equipment and accessories.
PrimeLifeFit is an e-commerce platform dedicated to providing high-quality fitness equipment and accessories to help our customers achieve their health and fitness goals. Our user-friendly interface ensures a seamless shopping experience for fitness enthusiasts of all levels.
- Visit our live site: PrimeLifeFit
- Visit backend repo: PrimeLifeFit Backend
For a quick tour of our platform's features, check out our video overview.
This frontend is built using modern web technologies:
- React 18
- TypeScript
- Vite
- React Router v6
- Redux Toolkit with Redux Persist
- Tailwind CSS
- Radix UI Components
- Framer Motion for animations
- Recharts for data visualization
To run this project locally:
- Clone the repository
- Navigate to the project directory
- Install dependencies:
npm install - Start the development server:
npm run dev
npm run dev: Starts the development servernpm run build: Builds the app for productionnpm run lint: Runs the linternpm run preview: Previews the production build locally
/src: Source files/components: Reusable React components/page: Page components/routes: Routing configuration/store: Redux store setup and slices/styles: Global styles and Tailwind configuration/utils: Utility functions and helpers
- Responsive design for desktop and mobile devices
- User authentication (sign up, sign in)
- Product browsing and searching
- Shopping cart functionality
- Secure checkout process
- Admin dashboard for managing products, orders, and customers
For testing purposes, you can use the following credentials:
- Email: web@programming-hero1.com
- Password: ph-password
- Email: user@example.com
- Password: user123
Happy coding, and stay fit with PrimeLifeFit!