A FULLSTACK Web Application built using MERN Stack (MongoDB, Express, React, Nodejs)

Last update: May 21, 2022

Socialize

This is a FULLSTACK MERN Website.

This Website uses Reactjs on the Frontend, Nodejs on the backend and for its Database it uses MongoDB Atlas which is a cloud Database provider.

In this Project: We can Register New users. We can Authenticate and Redirect New Users. Users can Checkout Each Other's Profiles. Users can Post a Photo. Users can Like Posts.

Screenshots

This is the login page where the user can login and they will be authenticated and redirected to the Home/Feed.

ALT_TEXT

The Feed that user will see if they are authenticated.

ALT_TEXT

The user can Register using their email address and set a password of their choice.

ALT_TEXT

The Registered user's profiles will be shown:

ALT_TEXT

ALT_TEXT

Deployment

First navigate to react-social (this is the frontend).

To deploy this project run

  npm install

This will download all the dependencies on your machine.

Then navigate to Node-Rest-Api (this is the backend) on a separate terminal and install all its dependencies by:

npm install

Now Just run the frontend and the backend simultaneously by:

npm start

GitHub

https://github.com/shubhampatil-7/Socialize
You might also like...

A MERN stack (Mongo, Express, React, Node) boilerplate to get Palowans up and running quickly.

Palo MERN boilerplate A MERN stack (Mongo, Express, React, Node) boilerplate to get Palowans up and running quickly on new projects. Commands: npm ins

Jun 5, 2022

An Ecommerce site for Cosmetic and Makeup products built using ReactJs , NodeJs and MongoDB.

An Ecommerce site for Cosmetic and Makeup products built using ReactJs , NodeJs and MongoDB. It Provides role based authentication to Admin for maintaining the store and Users for Purchasing product including cart,Checkout and Payment.

Nov 8, 2021

An easy and straight forward full-stack web application boilerplate using Node.js Express as backend and React as frontend.

An easy and straight forward full-stack web application boilerplate using Node.js Express as backend and React as frontend. All packages are structured as Yarn Workspaces and written in Typescript. In addition, the web application can be built as Docker image using a multi stage built supported Dockerfile.

Jun 18, 2022

MERN Stack Boilerplate provides starter kits for building web, desktop and mobile apps

MERN Stack Boilerplate MERN Stack Boilerplate provides starter kits for building web, desktop and mobile apps in pure JavaScript. Create New MERN App

Nov 8, 2021

Simple React Social Network, built with React,Node,Express,MongoDB and Tailwind

Simple React Social Network, built with React,Node,Express,MongoDB and Tailwind

Full stack react social network application A mini social network application built with React,Typescript, Redux, Node, Express, MongoDB, and Tailwind

May 25, 2022

Test-task-fullstack-dashboard - Full-stack dashboard App With React.js

Test-task-fullstack-dashboard - Full-stack dashboard App With React.js

Test Task: Full-stack dashboard app Link to task Link to Figma template Live Dem

Jan 6, 2022

An example universal JS application written with the 3REE stack, React + Redux + RethinkDB + Express.

An example universal JS application written with the 3REE stack, React + Redux + RethinkDB + Express.

An example universal JS application written with the 3REE stack, React + Redux + RethinkDB + Express. A stack for building apps, front and back end, with just Javascript.

Jun 27, 2021

Boilerplate app for full-stack MERN app with Create React App client toolchain. Uses JWT for auth.

Boilerplate app for full-stack MERN app with Create React App client tool chain. Includes React, JWT authentication, Mongoose/MongoDB, Apollo Server/Client, and ExpressJS.

Feb 2, 2022

A Group Project for creating an E-commerce Website with MERN stack

eCommerce platform built with MERN stack (MongoDB, ExpressJS, ReactJS, Nodejs) Table of Contents Table of Contents Demo videos Purpose Project URL: Fe

Jun 21, 2022
Jun 14, 2022
Free and open-source MERN Stack CRUD Application built with React v17+, RRDv6+, Node.js, Express.js MongoDB and Mongoose ODM
Free and open-source MERN Stack CRUD Application built with React v17+, RRDv6+, Node.js, Express.js MongoDB and Mongoose ODM

?? MERN Stack CRUD Application Free and open-source MERN Stack CRUD Application built with React v17+, RRDv6+, Node.js, Express.js MongoDB and Mongoos

May 30, 2022
MERN Stack App built with React, Redux, NodeJS, ExpressJS, MongoDB, and deployed to Ubuntu Server on AWS EC2 Instance

MERN Stack App built with React, Redux, NodeJS, ExpressJS, MongoDB, and deployed to Ubuntu Server on AWS EC2 Instance. JWT Authentication – Hook Up with ASP.NET Core 3.1

Mar 5, 2022
May 29, 2022
Full-stack React app built with Typescript, Bootstrap, Apollo client on the frontend, and NodeJS/Express, Typescript, Apollo server, and MongoDB/mongoose on the backend.

Event Scheduler App This project was bootstrapped with Create React App. Event Scheduler is a React app that allows users to create events. An event c

May 30, 2022
CRUD App using MERN Stack, it uses ReactJS for Front-end, NodeJS, Express For the Backend and Mongo DB as database!
CRUD App using MERN Stack, it uses ReactJS for Front-end, NodeJS, Express For the Backend and Mongo DB as database!

Book Collection List ?? Demonstration of the application | Features | Technologies used | Application installation ?? Demonstration of the application

Jun 14, 2022
Palo-mern-boilerplate - A MERN stack (Mongo, Express, React, Node) boilerplate to get Palowans up and running quickly.

palo MERN boilerplate A MERN stack (Mongo, Express, React, Node) boilerplate to get Palowans up and running quickly. Commands: npm install # install b

Jun 5, 2022
Creador de tareas - MERN - MongoDB, Express, React y Node

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Nov 11, 2021
Full Stack tutorial using ReactJS, NodeJS, Express and MySQL

Run this project If you want to try the finished project: Go to Start with MySQL to create the database Download the project Go to the client folder a

Apr 15, 2022