Approach
The web development team decided to use the MERN stack, which is a popular combination of technologies including MongoDB, Express.js, React, and Node.js. This stack allows for efficient and streamlined development, as well as scalability and flexibility for future updates.
The team started by designing the user interface using Figma, a design tool. They then created a wireframe and prototype of the web application, which was presented to the client for feedback and approval. Once the design was finalized, the team moved on to development, using the MERN stack to create a custom web application.
The back-end was developed using Node.js and Express.js, which allowed for efficient server-side scripting. MongoDB was used to store user data and fitness plans, while Mongoose was used as an object modeling tool to simplify interactions with the database.
The front-end was developed using React, which allowed for fast rendering and efficient user interactions. The team also used Redux, a state management library, to manage the application's state.
To ensure the website was mobile-responsive, the team used responsive design principles and conducted rigorous testing on various devices and screen sizes.