BodyBoost is a fitness-focused React web application designed to empower users on their health journey. It offers personalized workouts, motivation tools, and a visually engaging experience to help users stay consistent with their fitness goals.
- Personalized workout plans
- Animated UI with scroll-based effects (AOS)
- Responsive and mobile-friendly design using Tailwind CSS & DaisyUI
- Firebase-based authentication
- Interactive carousels and sliders
- Real-time toast notifications
- SEO optimization using React Helmet
- Multi-page routing with React Router
- react & react-dom – Front-end framework
- react-router – Page routing and navigation
- firebase – Authentication and backend services
- tailwindcss – Utility-first CSS framework
- daisyui – Tailwind component library
- aos – Scroll animation library
- react-icons – Icon library
- react-slick & slick-carousel – Image and content slider
- react-toastify – Toast notifications
- react-helmet-async – Manage document head for SEO
- react-multi-carousel – Responsive carousel component
- @tailwindcss/vite – Integration of Tailwind CSS with Vite
- vite – Fast front-end build tool
- @vitejs/plugin-react – React plugin for Vite
- eslint, @eslint/js – Linting for consistent code style
- eslint-plugin-react-hooks, eslint-plugin-react-refresh – ESLint plugins
- autoprefixer, postcss – CSS processing tools
- @types/react, @types/react-dom – Type definitions for React (for TypeScript or editor support)
- globals – Define global variables in ESLint
npm run dev # Start development server
npm run build # Build for production
npm run preview # Preview production build
npm run lint # Run ESLint
npm run test # Run tests
git clone https://github.com/yourusername/bodyboost.git
cd bodyboostnpm installnpm run dev