My Workout Planner App

Live site:

https://mern-workouts-redux.onrender.com/

Objectives:

• To create a back-end API to handle CRUD operations from the client
• To set up a cloud database via MongoDB Atlas
• To connect the API to the cloud database to store persistent data
• To enable JWT authentication to store workouts by UserId
• To test the back-end route using Postman to see responses
• To build a front-end to take in user input, display errors, and manage state
• To leverage Redux (selectors, hooks, RTK) for state management
• To connect front-end to back-end and enable the user to make updates via the browser
• To set up error handling for the different error states that may occur between components
• To deploy the app to Heroku

Team member:

Gabriel Wright

Technology used:

• HTML5
• CSS3
• SASS
• JavaScript
• React (hooks, routing)
• MongoDB
• Express
• Redux (Redux Toolkit, selectors, hooks)
• JWT Authentication
• Bcrypt (salting, hashing)
• Postman

Technical Wins:

• Connecting a front-end to a back-end
• Passing information from a database into the Redux store
• Conditionally rendering a UI based on the Redux store's state
• Deploying a full stack app to Heroku

References:

• https://redux.js.org/tutorials/essentials/part-1-overview-concepts
• https://redux.js.org/tutorials/fundamentals/part-1-overview
• https://dev.to/stlnick/how-to-deploy-a-full-stack-mern-app-with-heroku-netlify-ncb
• https://www.youtube.com/watch?v=-0exw-9YJBo&list=PLillGF-RfqbbQeVSccR9PGKHzPJSWqcsm&ab_channel=TraversyMedia
• https://www.youtube.com/watch?v=WsRBmwNkv3Q&ab_channel=TheNetNinja
• https://www.youtube.com/watch?v=XqpkptgOrtE&t=5714s&ab_channel=CodeWithVishal