devconnector's Introduction

DevConnector

This is a social network app for developers allowing users to login/register, create a profile containing their education/experience and other info, and create/comment/like/delete posts. This was a web app project made using the MERN full stack while learning the MERN stack through a Udemy course called MERN Stack: Front to Back by Brad Traversy.

Skills used

Javascript ES6
React JS
Node JS
Express JS
MongoDB
Redux
Bootstrap
Heroku

Notable Features

Back end API interacting with front end to create/read/update/delete users, profiles, and posts
Abiliy to display user's latest Github repos along with their star and fork count on their profile
Redux used with react as a state manager
Full app validation and error handling
JWT authentication for user login
Bootstrap used for styling
React router used for multipage front end
Navbar dropdown bar with logout button
Spinner displays through front end while backend fetches data from database
Ability to create/comment on/like/unlike/delete posts
Heroku used to deploy application

What I learned

Using MongoDB using mongoose package from npm
Using Express router to help create the API
Communicating with an API (get/post/delete http requests)
Ability to CRUD what gets sent and received from the database
Using React Router for multipage app
Validation and error handling in the back end with .catch after fetching promises
Using Passport and JWT Token authentication to register users and have them login using a token that expires after a certain time
Using redux to maintain application level state (actions sent to reducers, updates store)
Using lifecycle methods such as componentWillReceiveProps which works well with a state manager such as redux
Using bootstrap to style the components
Using Heroku to deploy application

Recommend Projects