Demo Website: Here
A circus artist's fitness Full full-stack web application built with the use of Node, MongoDB, JavaScript, and EJS and employing the MVC model and CRUD principles. While still under development, this app application currently features user authentication and session saving, inputting and editing of a user's custom exercises, an exercise bank that can assist in populating their exercise lists, the ability to track sets and reps, and a built-in timer for holding isometric exercises. The user's exercises are also saved for specific dates, so they can go back and reference them to see what they have done in the past.
Email: [email protected]
Username: guest
Password: password12345
Users can also register with their own credentials.
As this is a currently developing project, there's a quite a lot of things I would like to implement!
- Expand the exercise bank with more workouts.
- Create a separate exercise bank that's purely community-driven. They'll be able to add and "like" the best exercises, so the ones with the best descriptions and videos will naturally rise to the top.
- Make a way for any particular exercise to be presented to the user as a graph based on past reps, sets, and weight increases so that they can see all the progress they've been making.
- Fix HTTPS bug regarding google fonts.
- Have the calendar show which dates do and do not already have exercises stored within them.
- Display a message when exercises have not been added to the day yet.
This project is one that's actively allowed me to hone so many types of skills in one cohesive place as a full-stack web application! It's included the learning and usage of Passport for authentication and login, Node, Heroku, MongoDB, Express, EJS, Babel, session storage, and MVC architecture. I've learned a lot about the CRUD methodology so that I could allow the user to manipulate data within the database. I've dabbled in the intricacies of manipulating date and time to not only implement a stopwatch feature but also assist in displaying which day-related exercises were going to get sent to the page. And there were certainly a ton of more minor things, such as how I should reference my images if I'm going to be accessing the stylesheet from different paths and when to throw away a bunch of prewritten CSS rules when I've wasted so much time fighting against someone else's crazy levels of specificity in their declarations without a whole lot of purpose. I've sharpened my ability to traverse and manipulate the DOM through JavaScript... And the list goes on! The project is yet to be finished!
1. Clone repo
2. run `npm install --legacy-peer-deps`
3. create a .env file in the config folder
4. Within .env file input: DB_STRING = *...string for your database*
5. run `node server.js`
6. Navigate to `localhost:2121`
The Budding Chef  |
Aurora Luxury Rentals  |
Portfolio  |
|---|