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!