Build and Deploy a Full Stack MERN Social Media App | React, Node, Express, MongoDB

Build and Deploy a Full Stack MERN Social Media App | React, Node, Express, MongoDB

Using React, Node JS, Express & MongoDB in previous videos, you've learned how to set up a Full Stack MERN Social Media App and how to add authentication. Today, we're going to implement MERN pagination, title & tags search, and client-side routing to a post details page.

Using React, Node JS, Express & MongoDB in previous videos, you've learned how to set up a Full Stack MERN Social Media App and how to add authentication. Today, we're going to implement MERN pagination, title & tags search, and client-side routing to a post details page.

📚 Materials/References: GitHub Code (give it a star ⭐): https://github.com/adrianhajdin/project_mern_memories Styles & Code: https://gist.github.com/adrianhajdin/83194cd8c920e6cf79dd83f03076f167 Logo Image: https://i.ibb.co/NyJqJWK/memories-Logo.png Text Image: https://i.ibb.co/cvkcJFm/memories-Text.png

🚀 Code Autocompletion: https://www.tabnine.com

Time Stamps 👇

  • 00:00 Intro
  • 00:05:25 Setup
  • 00:09:41 Pagination
  • 00:23:16 Search
  • 00:37:31 Search Reducers
  • 00:42:46 Search Backend
  • 00:50:48 Search Frontend
  • 00:55:01 Styling
  • 00:59:41 Pagination
  • 01:15:01 Loading
  • 01:24:58 Routing to Post Details
  • 01:39:12 Recommended Posts
  • 01:47:30 Small Fixes
  • 01:51:00 Deployment

react node express mongodb javascript

What is Geek Coin

What is GeekCash, Geek Token

Best Visual Studio Code Themes of 2021

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

How native is React Native? | React Native vs Native App Development

Article covers: How native is react native?, React Native vs (Ionic, Cordova), Similarities and difference between React Native and Native App Development.

MERN Stack - Login with Facebook - React Node Express MongoDB

How to login with facebook in react, node and express. In this video, I will start off with template project and proceed further to create rest api for login user with facebook. How to structure node rest apis? How to build rest apis with node and express? How to write controllers in node express.

MERN Stack - Login with Google - React Node Express MongoDB

How to login with google in react and node. In this video, I will start off with template project and proceed further to create rest api for login user with google. How to structure node rest apis? How to build rest apis with node and express? How to write controllers in node express.

MERN Stack Full Course + Project for Beginners (MongoDB, Express, React, Node.js)

Learn the MERN Stack and create an app step-by-step in this video. MERN is the acronym for MongoDB, Express.js, React.js, and Node.js combination of Javascript-based technologies which are used to build advanced web applications.

MERN STACK & Typescript (Mongodb, Express, React, Node con Typescript)

Bienvenidos al video Práctico del Stack MERN (Mongodb, Express, React y Node). En el ejemplo del día de hoy aprenderemos a crear una aplicación Web conformada tanto por un backend y Frontend todo enteramente escrito en Typescript.