Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/coslynx/fitness-tracker-personalized-mvp
Project: Track fitness goals, log workouts, and share progress with friends. Created at https://coslynx.com
https://github.com/coslynx/fitness-tracker-personalized-mvp
api-integration code-generation data-analytics developer-tools devops fitness-tracker goal-setting machine-learning mvp mvp-development nextjs postgresql prisma progress-tracking social-sharing software-development tailwindcss typescript user-authentication zustand
Last synced: about 3 hours ago
JSON representation
Project: Track fitness goals, log workouts, and share progress with friends. Created at https://coslynx.com
- Host: GitHub
- URL: https://github.com/coslynx/fitness-tracker-personalized-mvp
- Owner: coslynx
- Created: 2024-09-12T03:49:45.000Z (15 days ago)
- Default Branch: main
- Last Pushed: 2024-09-12T03:56:02.000Z (15 days ago)
- Last Synced: 2024-09-22T06:31:03.474Z (5 days ago)
- Topics: api-integration, code-generation, data-analytics, developer-tools, devops, fitness-tracker, goal-setting, machine-learning, mvp, mvp-development, nextjs, postgresql, prisma, progress-tracking, social-sharing, software-development, tailwindcss, typescript, user-authentication, zustand
- Language: TypeScript
- Size: 30.3 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
fitness-tracker-personalized-mvp
A personalized fitness tracker built with React and Node.js, providing goal setting, progress tracking, and a social community feature.
Developed with the software and tools below.
## 📑 Table of Contents
- 📍 Overview
- 📦 Features
- 📂 Structure
- 💻 Installation
- 🏗️ Usage
- 🌐 Hosting
- 📄 License
- 👏 Authors
## 📍 Overview
The repository contains a Minimum Viable Product (MVP) called "fitness-tracker-personalized-mvp" that provides a comprehensive solution using the following tech stack: React, JavaScript, HTML, CSS, Node.js, PostgreSQL, and NextAuth.js.
## 📦 Features
| | Feature | Description |
|----|--------------------|--------------------------------------------------------------------------------------------------------------------|
| ⚙️ | **Architecture** | The codebase follows a modular architectural pattern with separate directories for different functionalities, ensuring easier maintenance and scalability. |
| 📄 | **Documentation** | The repository includes a README file that provides a detailed overview of the MVP, its dependencies, and usage instructions.|
| 🔗 | **Dependencies** | The codebase relies on various external libraries and packages such as React, Zustand, NextAuth.js, Tailwind CSS, and Prisma, which are essential for building and styling the UI components, handling user authentication, and interacting with the database.|
| 🧩 | **Modularity** | The modular structure allows for easier maintenance and reusability of the code, with separate directories and files for different functionalities such as components, pages, styles, and utils.|
| 🧪 | **Testing** | Implement unit tests using frameworks like Jest or React Testing Library to ensure the reliability and robustness of the codebase. |
| ⚡️ | **Performance** | The performance of the system can be optimized based on factors such as the browser and hardware being used. Consider implementing performance optimizations for better efficiency.|
| 🔐 | **Security** | Enhance security by implementing measures such as input validation, data encryption, and secure communication protocols.|
| 🔀 | **Version Control**| Utilizes Git for version control with GitHub Actions workflow files for automated build and release processes.|
| 🔌 | **Integrations** | The application integrates with external services through HTTP requests, and includes features like user authentication and database interactions.|
| 📶 | **Scalability** | Design the system to handle increased user load and data volume, utilizing caching strategies and cloud-based solutions for better scalability. |
## 📂 Structure
```text
├── components
│ ├── Button.tsx
│ ├── Header.tsx
│ ├── Layout.tsx
│ ├── GoalInput.tsx
│ ├── ProgressChart.tsx
│ └── SocialShareButton.tsx
├── pages
│ ├── api
│ │ ├── auth.ts
│ │ ├── goals.ts
│ │ └── progress.ts
│ ├── _app.tsx
│ ├── index.tsx
│ ├── dashboard.tsx
│ └── login.tsx
├── styles
│ └── global.css
├── utils
│ ├── helpers.ts
│ ├── api.ts
│ ├── auth.ts
│ └── validation.ts
├── config
│ └── next-auth.config.ts
├── middleware
│ └── authentication.ts
└── .env
```
## 💻 Installation
### 🔧 Prerequisites
- Node.js
- npm
- Docker
### 🚀 Setup Instructions
1. Clone the repository:
- `git clone https://github.com/coslynx/fitness-tracker-personalized-mvp.git`
2. Navigate to the MVP directory:
- `cd fitness-tracker-personalized-mvp`
3. Install dependencies:
- `npm install`
4. Set up environment variables:
- Create a `.env` file in the root directory and add the following:
```
NEXTAUTH_URL=http://localhost:3000
NEXTAUTH_SECRET=YOUR_SECRET_KEY
DATABASE_URL=postgres://username:password@localhost:5432/database_name
```
Replace `YOUR_SECRET_KEY` with a strong secret key and replace the database details accordingly.
5. Start the development server:
- `npm run dev`
6. Open your browser and navigate to [http://localhost:3000](http://localhost:3000).
## 🏗️ Usage
### 🏃♂️ Running the MVP
1. Start the development server:
- `npm run dev`
2. Open your browser and navigate to [http://localhost:3000](http://localhost:3000).
### ⚙️ Configuration
Adjust configuration settings in `next-auth.config.ts` or `.env`.
### 📚 Examples
- 📝 **Example 1**: Create a new fitness goal by clicking on the "Create Goal" button on the dashboard. Enter the goal details (name, target, deadline) and submit the form. The new goal will be saved to your profile.
- 📝 **Example 2**: Log a workout by clicking on the "Log Workout" button on the dashboard. Select the activity type, duration, and intensity, and submit the workout log. This data will be used to track your progress towards your fitness goals.
- 📝 **Example 3**: Share your workout progress with your friends by clicking on the "Share" button next to a workout entry. Select the social media platform you want to share on.
## 🌐 Hosting
### 🚀 Deployment Instructions
#### Vercel
1. Create a Vercel account.
2. Install the Vercel CLI: `npm install -g vercel`
3. Log in to Vercel: `vercel login`
4. Deploy the project: `vercel`
#### Netlify
1. Create a Netlify account.
2. Install the Netlify CLI: `npm install -g netlify-cli`
3. Log in to Netlify: `netlify login`
4. Deploy the project: `netlify init`
#### GitHub Pages
1. Create a new branch named `gh-pages` in your repository.
2. Build the application for production: `npm run build`
3. Move the built files to the `gh-pages` branch: `mv out/* gh-pages/`
4. Commit and push the changes: `git add . && git commit -m "Deploy to GitHub Pages" && git push origin gh-pages`
5. Go to your repository settings on GitHub and configure GitHub Pages to use the `gh-pages` branch.
### 🔑 Environment Variables
- `NEXTAUTH_URL`: The URL of your deployed application (e.g., `https://your-app.vercel.app`).
- `NEXTAUTH_SECRET`: A secret key used for authentication. You can generate a random key or use a secure key from a service like `random.org`.
- `DATABASE_URL`: The connection string for your PostgreSQL database.
## 📜 API Documentation
### 🔍 Endpoints
- **GET /api/auth/session**: Fetches the current user's session data.
- **POST /api/auth/login**: Authenticates a user with email and password.
- **POST /api/auth/signup**: Creates a new user account.
- **POST /api/goals**: Creates a new fitness goal.
- **GET /api/goals**: Retrieves a list of fitness goals for the current user.
- **PUT /api/goals/:id**: Updates an existing fitness goal.
- **DELETE /api/goals/:id**: Deletes a fitness goal.
- **POST /api/workouts**: Logs a new workout.
- **GET /api/workouts**: Retrieves a list of workout logs for the current user.
### 🔒 Authentication
The application uses NextAuth.js for secure user authentication and session management.
### 📝 Examples
- `curl -X GET http://localhost:3000/api/auth/session`
## 📜 License
This MVP is licensed under the [MIT License](https://choosealicense.com/licenses/mit/).
## 👥 Authors
- **Author Name** - [CosLynx.com](https://coslynx.com)
- **Creator Name** - [CosLynxAI](https://github.com/coslynx)
🌐 CosLynx.com
Create Your Custom MVP in Minutes With CosLynxAI!
