An open API service indexing awesome lists of open source software.

https://github.com/jonathanfunk/devconnector

A social networking application for developers using MongoDB, Node.js, Express, React & Redux
https://github.com/jonathanfunk/devconnector

bootstrap es6 express jwt-authentication mern-stack mongodb nodejs react redux

Last synced: 2 months ago
JSON representation

A social networking application for developers using MongoDB, Node.js, Express, React & Redux

Awesome Lists containing this project

README

          

DevConnector
======
![devconnector-mockup](https://user-images.githubusercontent.com/20465505/44378060-67f55500-a4b4-11e8-8311-bd840ddc342e.png)

## Project
This is a developer social network web app developed using MERN Stack(MongoDb, Express, React & Node.js) technology. The objective of this project is to build a functional app that allows the user to Register/ Login, create/edit their profile & create posts that other people can comment on.

## Technology
* VS Code
* HTML5
* CSS3
* Bootstrap
* ES6 JavaScript
* Express
* Node.js
* MongoDB
* React
* Redux
* Heroku
* Git/Github

## Learning Experience
This is a [Udemy Course by Brad Traversy](https://www.udemy.com/mern-stack-front-to-back/). Prior to taking this course, I had several pain points learning the MERN Stack such as error handling & JWT Authentication. This course covered my pain points & so much more. I've used tools & libraries I never worked with before such as Axios, Concurrently & Bootstrap. Near the end of the course, there were opportunities for improvements:
* Used class properties instead of constructors & super()
* Login users as soon as they register & redirect them to the dashboard page as opposed to redirecting registered users to the login page
* Used flex to sticky the footer to the bottom of the screen on pages where content is minimal
* The posts list no longer reloads everytime a user likes a post

After taking this course, I have a much better understanding of how a MERN Stack application works. Stay tuned to see what I'm going to do next!