Skip to content

Brad Traversy Social Network with MERN Stack Course Application with AlgoRen's 'Purpose and How It Works Comments'.

Notifications You must be signed in to change notification settings

AlgoRen/MERNSTACKAPP

Repository files navigation

The Y's & How's of MERN (MERNSTACKAPP)

Brad Traversy Social Network with MERN Stack Course Application with AlgoRen's 'Purpose and How It Works Comments'.

Introduction

I began this project with the straightforward task of coding alongside Brad Traversy's MERN Stack Course to add to my portfolio and, more importantly, getting the experience of developing a full-fledged full-stack application.

I found that what Brad's course had to offer checked enough of the boxes of what I found as complex or complicated when working with REST API and React. However, as time went on during the process of following and coding long, I felt I was going with the routine of building the application. Meaning I would watch the video, write the code, check to see if it worked and if I understood why it worked (mostly just assuming I did), then moving on unless I ran into a bug, then I would rewatch the video and check where I want wrong or check the forums for the issue and solve. Slowly, towards the end of following along and coding out the application, I wanted to prove that I truly knew how to build an application like this without handholding. I want to know enough about the fundamentals and how the independent pieces came together to create the working whole.

The ideation of creating robust comments for the entire application, writing it out based on what I thought was going on, ended up being a much greater challenge with a much greater reward than I expected. With that said, this repo is Brad Traversy Social Network with MERN Stack Course. However, with the bonus of having every single file in the application having a detailed explanation of how that file works, you can build a strong big picture understanding of why the code finds itself written the way it is and how the reducers relate to actions, how models work with API routes, and how actions get called inside of components.

Details on the commenting work


Quick rundown on comment coloring with the BetterComments plugin:

  • Orange: Comments that describe the purpose of that file in big picture format. It tends to have a list of the functions getting called or routes getting used.
  • Light Green: Comments I wrote during development to explain what I was having problems understanding or was forgetting.
  • Green: Post completion commenting work aimed at the beginneer or anyone trying to understand the file in the application without going through and reading the code.
  • Blue: Same as above except for longer commented files. I have alternated between the two colors to better aid readability.

Comments Summary:

The comments at the top of the files are the comments that I wrote after the completion of coding out the application. The comments that are inside of the code are what I wrote during development. The comments that get tagged by a * (if you use the BetterComments package, they appear as light green) are writings for my further explanation which may be inaccurate or unnecessary when commenting for a team project, but I decided to leave them in rather than delete them for the authenticity value, or maybe just so I can go back as time goes on and laugh at my comments, who knows.

Technologies

MERN Stack: MongoDB, Express, React, Node.js

Additional frameworks used: Redux

Libraries used: Mongoose

Launch

You can checkout the deployed version Here
Src: https://afternoon-caverns-39248.herokuapp.com/

Additionals

Sources

About

Brad Traversy Social Network with MERN Stack Course Application with AlgoRen's 'Purpose and How It Works Comments'.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published