Social-media-react-express - A social media app written in TS with Express, MongoDB on the backend & with React, Redux and Redux-saga on the client

Last update: Apr 15, 2022

social-media-react-express

Social media full-stack webapp built with Typescript, React, Express & MongoDB

About

TODO: Write software description here <-

Built With

  • Client:
    • Typescript, React, React-router, Redux with Redux Toolkit, Redux-Saga, Socket.IO, SCSS Modules
  • Server:
    • Typescript, Express, Mongoose, MongoDB, bcrypt, Socket.IO
  • Other: Docker, Docker Compose, Nginx

Key Features

  • Session Authentication
  • Create posts or reply with text and images
  • Ability to leave a like on a post
  • Ability to make a repost
  • Realtime direct messages with Websockets
  • Simple post search

Screenshots / Images

TODO: Add images here <-

Network setup

TODO: Add scheme image here <-

Getting Started

Prerequisites

The things you need before running the software:

  • Docker
  • Docker Compose

Local Deployment

To deploy on local machine use this command:

$ docker-compose -f docker-compose.yml -f docker-compose.dev.yml up

Deployment

  • Follow this article to set up SSL certificates.

  • Look through docker compose config and change up environment variables to suit your website.

  • Run this command to deploy:

$ docker-compose up -d --build

GitHub

https://github.com/fdr-smnv/social-media-react-express
You might also like...

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

This is a fully functional google search engine book it was created with Restful API and i refactored it to the GraphQL built with Apollo server with the use of the MERN stack with react front end MongoDB database, Node.js, Express and API

This is a fully functional google search engine book it was created with Restful API and i refactored it to the GraphQL built with Apollo server with the use of the MERN stack with react front end MongoDB database, Node.js, Express and API

Book Search Engine To checkout the live site on heroku. Table of Contents Description Installation Technologies Usage Contribution Questions Descripti

May 29, 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

Buzzer Full Stack Development Assessment uses React and NodeJS to mimic social media functions

Buzzer-Full-Stack-Development-Assessment This project is a coding challange prov

Jan 16, 2022

SocialUwU - A Social media website made with react and typescript

SocialUwU - A Social media website made with react and typescript

SocialUwU Introduction Social media website made by an idiot(me :)) with react,t

May 30, 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

Fullstack open source Invoicing application made with MongoDB, Express, React & Nodejs (MERN)

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

Jun 26, 2022

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

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

May 21, 2022

Dashboard untuk menampilkan aktivitas social media.

Social Media Dashboard Dashboard untuk menampilkan aktivitas social media. Dibangun menggunakan Create React App dan merupakan Single Page Applcation

Sep 19, 2021
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
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
Create React App boilerplate template with React, Redux Toolkit, React Router, Ant Design, Axios, Redux-Saga, SASS, Authentication, Routes.

Create React App boilerplate template with React, Redux Toolkit, React Router, Ant Design, Axios, Redux-Saga, SASS, Authentication, Routes. No configuration is required, Start building your App.

Jun 24, 2022
Application made with Nodejs typescript framework Nestjs and Reactjs Redux Saga to simulate simple vending machine workflow.

Project Description This project was made to simulate on how vending machine works. We have two application frontend and backend. Frontend is made wit

Feb 9, 2022
Universal React Starter Kit ft. Redux Saga

React Universal Saga Getting Started Universal React App Starter featuring Redux Saga. Heavily modified version of React Redux Universal Hot Example c

Dec 23, 2021
A demo repo to dockerize React Frontend(using Create React App) and Express Backend

This is a Demo Repository to dockerize a React frontend and an express backend in a single container. The two important files are: Dockerfile contains

Jun 3, 2022
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.

Mar 16, 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
Psn-social-network-public-source - PSN Social Network App Using React and Spring Boot

PSN SOCIAL NETWORK This app is for educational purpose only. PSN Social Network

Jun 15, 2022
Stram-social-messenger - Social messenger app using stream API

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

May 20, 2022