mern-social

KO | EN

gitlite — search

#react #ai #typescript #llm #android #deep-learning #macos #java #windows #awesome #cli #kubernetes #vue #pytorch

(★ 836)

A MERN stack based social media application [Full-Stack React Projects]

File Explorer

Download Latest Version (.zip)

- stale.yml
- - api-auth.js
  - auth-helper.js
  - PrivateRoute.js
  - Signin.js
- - Home.js
  - Menu.js
- - api-post.js
  - Comments.js
  - NewPost.js
  - Newsfeed.js
  - Post.js
  - PostList.js
- - api-user.js
  - DeleteUser.js
  - EditProfile.js
  - FindPeople.js
  - FollowGrid.js
  - FollowProfileButton.js
  - Profile.js
  - ProfileTabs.js
  - Signup.js
  - Users.js
- App.js
- main.js
- MainRouter.js
- theme.js
- config.js
- - auth.controller.js
  - post.controller.js
  - user.controller.js
- - dbErrorHandler.js
- - post.model.js
  - user.model.js
- - auth.routes.js
  - post.routes.js
  - user.routes.js
- devBundle.js
- express.js
- server.js
.babelrc
.gitignore
LICENSE.md
nodemon.json
package.json
README.md
template.js
webpack.config.client.js
webpack.config.client.production.js
webpack.config.server.js
yarn.lock

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# MERN Social 2.0
- *Looking for the first edition code? [Check here](https://github.com/shamahoque/mern-social/tree/master)*

A simple social media application with users, posts, likes and comments - developed using React, Node, Express and MongoDB.

![MERN Social](https://s3.amazonaws.com/mernbook/git+/social.png "MERN Social")

### [Live Demo](http://social2.mernbook.com/ "MERN Social")

#### What you need to run this code
1. Node (13.12.0)
2. NPM (6.14.4) or Yarn (1.22.4)
3. MongoDB (4.2.0)

####  How to run this code
1. Make sure MongoDB is running on your system 
2. Clone this repository
3. Open command line in the cloned folder,
   - To install dependencies, run ```  npm install  ``` or ``` yarn ```
   - To run the application for development, run ```  npm run development  ``` or ``` yarn development ```
4. Open [localhost:3000](http://localhost:3000/) in the browser
---- 
### More applications built using this stack

* [MERN Skeleton](https://github.com/shamahoque/mern-social/tree/second-edition)
* [MERN Classroom](https://github.com/shamahoque/mern-classroom)
* [MERN Marketplace](https://github.com/shamahoque/mern-marketplace/tree/second-edition)
* [MERN Expense Tracker](https://github.com/shamahoque/mern-expense-tracker)
* [MERN Mediastream](https://github.com/shamahoque/mern-mediastream/tree/second-edition)
* [MERN VR Game](https://github.com/shamahoque/mern-vrgame/tree/second-edition)

Learn more at [mernbook.com](http://www.mernbook.com/)

----
## Get the book
#### [Full-Stack React Projects - Second Edition](https://www.packtpub.com/web-development/full-stack-react-projects-second-edition)
*Learn MERN stack development by building modern web apps using MongoDB, Express, React, and Node.js*

React combined with industry-tested, server-side technologies, such as Node, Express, and MongoDB, enables you to develop and deploy robust real-world full-stack web apps. This updated second edition focuses on the latest versions and conventions of the technologies in this stack, along with their new features such as Hooks in React and async/await in JavaScript. The book also explores advanced topics such as implementing real-time bidding, a web-based classroom app, and data visualization in an expense tracking app.

Full-Stack React Projects will take you through the process of preparing the development environment for MERN stack-based web development, creating a basic skeleton app, and extending it to build six different web apps. You'll build apps for social media, classrooms, media streaming, online marketplaces with real-time bidding, and web-based games with virtual reality features. Throughout the book, you'll learn how MERN stack web development works, extend its capabilities for complex features, and gain actionable insights into creating MERN-based apps, along with exploring industry best practices to meet the ever-increasing demands of the real world.

Things you'll learn in this book:

- Extend a MERN-based application to build a variety of applications
- Add real-time communication capabilities with Socket.IO
- Implement data visualization features for React applications using Victory
- Develop media streaming applications using MongoDB GridFS
- Improve SEO for your MERN apps by implementing server-side rendering with data
- Implement user authentication and authorization using JSON web tokens
- Set up and use React 360 to develop user interfaces with VR capabilities
- Make your MERN stack applications reliable and scalable with industry best practices

If you feel this book is for you, get your [copy](https://www.amazon.com/dp/1839215410) today!

---

mern-social

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

mern-social

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Download README