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

Overview

Full stack react social network application

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

project live demo: https://react-social-network-101.netlify.app/

Project Info

Frontend: Reactjs,Typescript, Redux-Toolkit ,React Query,Tailwind,Axios

Backend: Node.js,Typescript, Express, Mongodb, jwt

Project Screenshots

Home Page

homepage_img

User Page

userprofile_img

Profile Page

profile_img

Edit Profile Popup

edit_profile_img

Delete Post Popup

deletepost_img

Login Page

login_img

Register Page

register_img

You might also like...
A web application for learning about your local politicians built with a React and Next.js front-end, an Express Node.js GraphQL backend API

Integra is a web application for learning about your local politicians. It is built with a React and Next.js front-end, an Express Node.js GraphQL backend API, and a MongoDB database with a Prisma schema.

Boilerplate with React client and Express backend written in TypeScript. Offers performance and extended functionality. Comes with SSR and without need to learn a framework. Helps to avoid frequent React-Express integration pitfalls.
LightCode is a powerful web-based development tool allowing multiple users to modify the same codebase in real-time. It is built with React.js, Node.js, Socket.IO, and Tailwind CSS.

LightCode Introduction LightCode is a powerful web-based development tool allowing multiple users to modify the same codebase in real-time. It is buil

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.

A ready to customize project to make a nice webapp using Node.js (Express.js) for the backend and React with Typescript and Redux for the frontend.

A ready to customize project to make a nice webapp using Node.js (Express.js) for the backend and React with Typescript and Redux for the frontend.

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

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

An embedded Shopify app starter template made with Node, Express, React and Vite, with all the required stuff hooked up.
An embedded Shopify app starter template made with Node, Express, React and Vite, with all the required stuff hooked up.

Shopify Node.js x Express.js x React.js Boilerplate An embedded app starter template to get up and ready with Shopify app development with JavaScript.

Boilerplate-tailwind - A simple boilerplate using NextJS, Typescript, Tailwind, Jest, Storybook and more

This is a Next.js boilerplate using TailwindCSS and other cool stuff. Most of th

Owner
Albenis Kërqeli
React.js Developer
Albenis Kërqeli
Fyodor Simonov 3 Apr 15, 2022
QABAS AL ANI 1 May 29, 2022
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

Henok R. Bedassa 20 Dec 19, 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

Alberto Rodriguez Diaz 1 Nov 11, 2021
A Web3 Social Network Boilerplate Using React.js

web3-social-network-boilerplate This Project is a fork of Ethereum Boilerplate and demostrates how you can build your own Web3 Ethereum Social Network

Ethereum Boilerplates 117 Dec 1, 2022
Stram-social-messenger - Social messenger app using stream API

Stream Chat Messaging Example App Is your core product something that would bene

Ashutosh Mohanty 7 Nov 20, 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

ahmed 8 Dec 1, 2022
A FULLSTACK Web Application built using MERN Stack (MongoDB, Express, React, Nodejs)

Socialize This is a FULLSTACK MERN Website. This Website uses Reactjs on the Fro

Shubham Patil 31 Dec 28, 2022
Fullstack open source Invoicing application made with MongoDB, Express, React & Nodejs (MERN)

arcinvoice.com MERN Stack Invoicing Application Built with the MERN stack (MongoDB, Express, React and NodeJS). Introduction Key Features Technologies

Panshak Solomon 1.3k Jan 1, 2023
Full Stack boilerplate with JWT Authentication - Built with React, Typescript, Node, Express, GraphQL, PostgreSQL, Redis, and Webpack

Full Stack boilerplate with JWT Authentication - Built with React, Typescript, Node, Express, GraphQL, PostgreSQL, Redis, and Webpack

Scott Jason 7 Sep 21, 2022