mirror of
https://github.com/codecrafters-io/build-your-own-x.git
synced 2026-01-13 08:47:00 +00:00
Add a new tutorial for building a fitness app similar to Fitbud. * **README.md** - Add a new section "Build your own Fitness App". - Add a link to the new tutorial for building a fitness app. - Add a brief description of the fitness app tutorial. * **ISSUE_TEMPLATE.md** - Add a new category "Fitness App" to the list of categories. * **tutorials/fitness-app.md** - Create a new file for the fitness app tutorial. - Add a step-by-step guide for building a fitness app similar to Fitbud. - Include code snippets and explanations for each step. - Add links to relevant resources and documentation. --- For more details, open the [Copilot Workspace session](https://copilot-workspace.githubnext.com/codecrafters-io/build-your-own-x?shareId=XXXX-XXXX-XXXX-XXXX).
196 lines
5.1 KiB
Markdown
196 lines
5.1 KiB
Markdown
# Build a Simple Fitness App
|
|
|
|
In this tutorial, we will build a simple fitness app similar to Fitbud. The app will allow users to track their workouts, set goals, and monitor their progress. We will use JavaScript and a few other technologies to create this app.
|
|
|
|
## Step 1: Setting Up the Project
|
|
|
|
First, let's set up our project. Create a new directory for your project and initialize a new Node.js project:
|
|
|
|
```bash
|
|
mkdir fitness-app
|
|
cd fitness-app
|
|
npm init -y
|
|
```
|
|
|
|
Next, install the necessary dependencies:
|
|
|
|
```bash
|
|
npm install express body-parser mongoose
|
|
```
|
|
|
|
## Step 2: Creating the Server
|
|
|
|
We will use Express to create our server. Create a new file called `server.js` and add the following code:
|
|
|
|
```javascript
|
|
const express = require('express');
|
|
const bodyParser = require('body-parser');
|
|
const mongoose = require('mongoose');
|
|
|
|
const app = express();
|
|
const port = 3000;
|
|
|
|
app.use(bodyParser.json());
|
|
|
|
mongoose.connect('mongodb://localhost/fitness-app', { useNewUrlParser: true, useUnifiedTopology: true });
|
|
|
|
app.listen(port, () => {
|
|
console.log(`Server is running on port ${port}`);
|
|
});
|
|
```
|
|
|
|
## Step 3: Creating the User Model
|
|
|
|
We will use Mongoose to create our user model. Create a new file called `models/User.js` and add the following code:
|
|
|
|
```javascript
|
|
const mongoose = require('mongoose');
|
|
|
|
const userSchema = new mongoose.Schema({
|
|
username: { type: String, required: true, unique: true },
|
|
password: { type: String, required: true },
|
|
workouts: [{ type: mongoose.Schema.Types.ObjectId, ref: 'Workout' }]
|
|
});
|
|
|
|
const User = mongoose.model('User', userSchema);
|
|
|
|
module.exports = User;
|
|
```
|
|
|
|
## Step 4: Creating the Workout Model
|
|
|
|
Next, create a new file called `models/Workout.js` and add the following code:
|
|
|
|
```javascript
|
|
const mongoose = require('mongoose');
|
|
|
|
const workoutSchema = new mongoose.Schema({
|
|
user: { type: mongoose.Schema.Types.ObjectId, ref: 'User', required: true },
|
|
date: { type: Date, required: true },
|
|
exercises: [{
|
|
name: { type: String, required: true },
|
|
sets: { type: Number, required: true },
|
|
reps: { type: Number, required: true },
|
|
weight: { type: Number, required: true }
|
|
}]
|
|
});
|
|
|
|
const Workout = mongoose.model('Workout', workoutSchema);
|
|
|
|
module.exports = Workout;
|
|
```
|
|
|
|
## Step 5: Creating the User Routes
|
|
|
|
Create a new file called `routes/user.js` and add the following code:
|
|
|
|
```javascript
|
|
const express = require('express');
|
|
const router = express.Router();
|
|
const User = require('../models/User');
|
|
|
|
router.post('/register', async (req, res) => {
|
|
try {
|
|
const user = new User(req.body);
|
|
await user.save();
|
|
res.status(201).send(user);
|
|
} catch (error) {
|
|
res.status(400).send(error);
|
|
}
|
|
});
|
|
|
|
router.post('/login', async (req, res) => {
|
|
try {
|
|
const user = await User.findOne({ username: req.body.username, password: req.body.password });
|
|
if (!user) {
|
|
return res.status(401).send({ error: 'Invalid credentials' });
|
|
}
|
|
res.send(user);
|
|
} catch (error) {
|
|
res.status(400).send(error);
|
|
}
|
|
});
|
|
|
|
module.exports = router;
|
|
```
|
|
|
|
## Step 6: Creating the Workout Routes
|
|
|
|
Create a new file called `routes/workout.js` and add the following code:
|
|
|
|
```javascript
|
|
const express = require('express');
|
|
const router = express.Router();
|
|
const Workout = require('../models/Workout');
|
|
|
|
router.post('/', async (req, res) => {
|
|
try {
|
|
const workout = new Workout(req.body);
|
|
await workout.save();
|
|
res.status(201).send(workout);
|
|
} catch (error) {
|
|
res.status(400).send(error);
|
|
}
|
|
});
|
|
|
|
router.get('/:userId', async (req, res) => {
|
|
try {
|
|
const workouts = await Workout.find({ user: req.params.userId });
|
|
res.send(workouts);
|
|
} catch (error) {
|
|
res.status(400).send(error);
|
|
}
|
|
});
|
|
|
|
module.exports = router;
|
|
```
|
|
|
|
## Step 7: Integrating the Routes
|
|
|
|
Update the `server.js` file to include the user and workout routes:
|
|
|
|
```javascript
|
|
const express = require('express');
|
|
const bodyParser = require('body-parser');
|
|
const mongoose = require('mongoose');
|
|
const userRoutes = require('./routes/user');
|
|
const workoutRoutes = require('./routes/workout');
|
|
|
|
const app = express();
|
|
const port = 3000;
|
|
|
|
app.use(bodyParser.json());
|
|
|
|
mongoose.connect('mongodb://localhost/fitness-app', { useNewUrlParser: true, useUnifiedTopology: true });
|
|
|
|
app.use('/users', userRoutes);
|
|
app.use('/workouts', workoutRoutes);
|
|
|
|
app.listen(port, () => {
|
|
console.log(`Server is running on port ${port}`);
|
|
});
|
|
```
|
|
|
|
## Step 8: Testing the API
|
|
|
|
You can use a tool like Postman to test the API. Here are some example requests:
|
|
|
|
- Register a new user:
|
|
- POST http://localhost:3000/users/register
|
|
- Body: `{ "username": "testuser", "password": "password123" }`
|
|
|
|
- Login a user:
|
|
- POST http://localhost:3000/users/login
|
|
- Body: `{ "username": "testuser", "password": "password123" }`
|
|
|
|
- Create a new workout:
|
|
- POST http://localhost:3000/workouts
|
|
- Body: `{ "user": "userId", "date": "2021-01-01", "exercises": [{ "name": "Squat", "sets": 3, "reps": 10, "weight": 100 }] }`
|
|
|
|
- Get workouts for a user:
|
|
- GET http://localhost:3000/workouts/userId
|
|
|
|
## Conclusion
|
|
|
|
Congratulations! You have built a simple fitness app similar to Fitbud. You can now extend this app by adding more features such as goal tracking, progress monitoring, and more. Happy coding!
|