- react v18: Core library for building user interfaces.
- react-dom v18: ReactDOM for rendering React components.
- react-router-dom v6: Employed for client-side routing.
- @tabler/icons-react: Used for icons.
- chart.js v4: Utilized for displaying data in chart format.
- react-chartjs-2 v5: Used to integrate chart.js with React.
- tailwindcss: Utilized for styling.
- typescript: Used for adding static types to JavaScript.
- vite: Chosen as the bundler for the project.
- Dark Mode Support: Implemented a dark mode for improved user experience.
- Login Page: Added a login page to restrict access to authorized users.
- Search Functionality: Implemented a search functionality for products.
- Routing on Different URLs: Set up routing on various URLs for enhanced navigation.
- npm run server: Run a local server with an IP address and localhost.
- npm run dev: Start the development environment.
- npm run build: Build the project for production.
- Clone the repository:
git clone https://github.com/heysahilsingh/fitpeo.git - Navigate to the project directory:
cd fitpeo - Install dependencies:
npm install - Run the local server:
npm run server - Open your browser and visit http://localhost:5173
To start the development server, run:
npm run devThis will launch the development server, and you can view your changes in real-time. Open your browser and visit http://localhost:5173
To create a production-ready build, run:
npm run buildThe optimized build will be available in the dist directory.
Feel free to explore the codebase and adapt it to your needs. If you encounter any issues or have questions, please reach out to Sahil at sahilsworkmaill@gmail.com. Happy coding!