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 dev.to 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)

Collapse
 
kristianroopnarine profile image
Kristian-Roopnarine

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!

Collapse
 
jameshubert_com 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.