DEV Community

Cover image for Day 15 of 100 - Exercise Log MERN stack application
James Hubert
James Hubert

Posted on

Day 15 of 100 - Exercise Log MERN stack application

Hey! I'm on a mission to make 100 React.js projects in 100 days starting October 31, 2020 and ending February 7th, 2021. Please follow my profile or my twitter @jwhubert91 for updates and feel free to reach out if you have questions. Thanks for your support!

Link to today's deployed app: link

Just a short post today.

I followed Beau Carnes' wonderful, detailed MERN stack Youtube tutorial to create a functioning CRUD application with some basic user management and the ability to log exercises.

This was a great way to practice React, the axios API, routing with Express, and basic Mongoose functionality.

No deploy today because all of the routes and axios calls use localhost rather than __dirname for brevity but this was a fun one.

Also I officially have a new favorite npm package- the react-datepicker package which is a component that creates a date picker and returns a date.

Here's the Youtube link to the tutorial: link

Top comments (2)

kristianroopnarine profile image

Cool application! Just wanted to give you a heads up, when you commit a .env to github, remove the file and then push those changes, people can still see the removed .env! Remember to add a .gitignore in the root and put any files or directories in there that you want git to ignore. Keep up the grind!

jwhubert91 profile image
James Hubert

Thanks so much for telling me about this Kristian. As you suggested I changed the API key and ran through the steps using git filter-branch to remove the file from the past commit.
I thought I deleted it last night manually from the repo after realizing I hadn't added it to .gitignore but obviously committing a new change doesn't affect a previous commit.
Thanks again.