A user-centric fitness platform for personalized goal setting, detailed progress tracking, and a thriving social community.
- 📍 Overview
- 📦 Features
- 📂 Structure
- 💻 Installation
- 🏗️ Usage
- 🌐 Hosting
- 📄 License
- 👏 Authors
The repository contains a Minimum Viable Product (MVP) called "Fitness-Tracker-MVP-Social-Community" that provides a comprehensive solution for users to set personalized fitness goals, track their progress, and connect with a supportive community. The MVP is built using a robust technology stack, including:
- Frontend: React.js, Next.js, Tailwind CSS, Zustand
- Backend: Node.js, Express.js
- Database: PostgreSQL
- ORM: Prisma
- Authentication: NextAuth.js
- Error Handling: Sentry
| Feature | Description | |
|---|---|---|
| 🔐 | User Authentication | Users can register and log in securely using an email-based authentication system. |
| 🎯 | Goal Setting | Users can set personalized fitness goals tailored to their individual needs and preferences. |
| 📊 | Progress Tracking | Users can log their workouts, activities, and nutritional intake to track their progress towards their goals. |
| 💬 | Social Engagement | Users can share their progress, motivate each other, and connect with like-minded individuals in a supportive community. |
| 📈 | Data Visualization | The platform provides visually appealing charts and graphs to help users understand their progress and identify trends. |
└── src
├── 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
- Node.js
- npm
- Docker
- Clone the repository:
git clone https://github.com/coslynx/Fitness-Tracker-MVP-Social-Community.git
- Navigate to the project directory:
cd Fitness-Tracker-MVP-Social-Community
- Install dependencies:
npm install
- Start the development server:
npm run dev
- Open your browser and navigate to http://localhost:3000.
Adjust configuration settings in next.config.js, tailwind.config.js, and .env.
- Registering a new user:
- Navigate to the login page.
- Click the "Sign Up" button.
- Fill in the required details (email, password) and submit the form.
- Setting a fitness goal:
- Log in to your account.
- Navigate to the dashboard page.
- Click the "Add Goal" button.
- Enter the goal details (name, target, deadline) and click "Save".
- Tracking your progress:
- Log in to your account.
- Navigate to the dashboard page.
- Select a goal from the list.
- Click the "Log Workout" button to record your activity.
- View your progress in the interactive chart.
- Sharing your progress:
- Log in to your account.
- Navigate to the dashboard page.
- Select a goal from the list.
- Click the "Share Progress" button.
- Choose a social media platform and share your progress.
- Create a Vercel account:
- Initialize Vercel:
vercel init
- Connect to your GitHub repository:
- Follow the prompts to connect your repository.
- Deploy:
vercel deploy
NEXT_PUBLIC_API_KEY: API key for external services.DATABASE_URL: Database connection URL for PostgreSQL.AUTH_SECRET: Authentication secret for NextAuth.js.
This MVP is licensed under the MIT License.
- Author Name - CosLynx.com
- Creator Name - CosLynxAI
Create Your Custom MVP in Minutes With CosLynxAI!