Table of Contents
The Interactive MERN SPA Project, also known as Fitness Connect, was designed to played a key role in our journey to becoming a full-stack web developer. This project was an opportunity to showcase our collaborative skills and coding abilities, especially in the context of a scalable, user-focused MERN app.
You'll learn more about the webpage below, but Fit Connect allows fitness enthusiasts to easily connect with like-minded individuals, find workout partners, and participate in group fitness sessions, ultimately enhancing their motivation, accountability, and enjoyment of their fitness journey.
AS A fitness enthusiast,
I WANT TO use Fit Connect to find workout partners and join group fitness sessions, so I can stay motivated and committed to my fitness goals
SO THAT I can easily connect with like-minded individuals, find workout partners, and participate in group fitness sessions, ultimately enhancing my motivation, accountability, and enjoyment of my fitness journey.
Use React for the front end.
Use GraphQL with a Node.js and Express.js server.
Use MongoDB and the Mongoose ODM for the database.
Use queries and mutations for retrieving, adding, updating, and deleting data.
Be deployed using Render (with data).
Have a polished UI.
Be responsive.
Be interactive (i.e., accept and respond to user input).
Include authentication (JWT).
Protect sensitive API key information on the server.
Have a clean repository that meets quality coding standards (file structure, naming conventions, best practices for class and id naming conventions, indentation, high-quality comments, and so on).
Have a high-quality README (with unique name, description, technologies used, screenshot, and link to deployed application).
How to get started with the Fitness Connect!
- npm
- Render
Instructions on how to download our app.
- Visit our app on Render
OR
-
Visit us @ GitHub Stephen Rossetti, Cameron Bursch, Logan Patrick, and Adam Boudraa
-
Clone the repo
git@github.com:cbursch13/Fit-Connect.git
-
Install NPM packages
npm i
-
To run, build, seed, or further install packages on our app choose between the following inputs defined in the package.json: develop, start, install, seed, and build
npm run [INPUT]
-
Run and connect
http://localhost:3000
The URL of the Github Repository
Here is how you can be apart of creating Fitness Connect.
- Fork the Project
- Create your Feature Branch (
git checkout -b [BRANCH NAME]) - Commit your Changes (
git commit -m 'Add my commits to main') - Push to the Branch (
git push origin main) - Open a Pull Request
N/A
Contact me (Stephen Rossetti, Cameron Bursch, Logan Patrick, and/or Adam Boudraa) if you have any questions or feedback.
Coding help from external sources:
- Utilized class UMN Bootcamp class activities for coding templates.
- Utilized TAs for debugging help.
- Utilized StackOverflow for utilities such as email regular expression.
- Utilized Material UI and previous projects for initial CSS.
Thanks to our resources on creating our app!