https://github.com/arish-panjwani/cal-snap-react
Responsive calorie and workout tracker dashboard built with React, Bootstrap, and Redux.
https://github.com/arish-panjwani/cal-snap-react
bootstrap calorie-tracker fitness-dashboard health-tracking react redux
Last synced: 3 months ago
JSON representation
Responsive calorie and workout tracker dashboard built with React, Bootstrap, and Redux.
- Host: GitHub
- URL: https://github.com/arish-panjwani/cal-snap-react
- Owner: arish-panjwani
- Created: 2024-09-17T19:20:33.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2026-03-13T05:36:11.000Z (4 months ago)
- Last Synced: 2026-03-13T14:38:53.821Z (4 months ago)
- Topics: bootstrap, calorie-tracker, fitness-dashboard, health-tracking, react, redux
- Language: JavaScript
- Homepage: https://calsnap.netlify.app/
- Size: 25.3 MB
- Stars: 0
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Cal-Snap React Dashboard
Cal-Snap is a web application designed to assist users in tracking their daily caloric intake and exercise routines. This branch enhances the user experience by integrating a responsive dashboard interface built with React and Bootstrap.
## Features
- **User Authentication**: Secure login and registration system to protect user data.
- **Dashboard Overview**: Visual representation of daily caloric intake and exercise metrics.
- **Food Logging**: Snap / Upload food items to track calorie consumption.
- **Exercise Logging**: Record physical activities to monitor calories burned.
- **Progress Charts**: Graphical display of user progress over time.
- **Responsive Design**: Optimized for various devices, ensuring accessibility on desktops, tablets, and smartphones.
## Technologies Used
- **Frontend**: React, Bootstrap 5, Material UI
- **State Management**: Redux
- **Routing**: React Router
- **Backend**: Java Springboot
- **Database**: MySQL
- **Authentication**: JWT (JSON Web Tokens)
## Installation
1. **Clone the Repository**:
```bash
git clone -b bootstrap_dashboard https://github.com/arish-panjwani/cal-snap-react.git
cd cal-snap-react
```
2. **Install Dependencies**:
```bash
npm install
```
3. **Set Up Environment Variables**:
Create a `.env` file in the root directory and configure the following variables:
```env
VITE_API_URL=""
VITE_API_IMG_URL=""
VITE_API_HEALTH_SCORE_URL=""
```
Contact for exact base URL
These variables point to the backend services required for the application.
4. **Run the Application**:
```bash
npm run dev
```
The application will be accessible at `http://localhost:5173`.
## Backend Setup
The backend services for this project are available in a separate repository. To set up the backend:
1. **Clone the Backend Repository**:
```bash
git clone https://github.com/MukulGarg0097/CalSnap.git
cd CalSnap
```
## Contributing
Contributions are welcome! Please fork the repository and create a new branch for any feature additions or bug fixes. Submit a pull request with a detailed description of your changes.
## License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
## Acknowledgements
- [React](https://reactjs.org/)
- [Bootstrap](https://getbootstrap.com/)
- [Redux](https://redux.js.org/)
---
This updated README provides clear instructions on setting up both the frontend and backend of the Cal-Snap application, ensuring that developers can easily understand and contribute to the project.