express-social-client

This is the web frontend for a social network using a ExpressJS backend server (linked below)
Based on Ed Roh's Full Stack Course with my own additions such as a refined Comments section, User search from searchbar, Cloud hosting for images and fixes.

Link to backend repository
Link to react native frontend repository

Demo

A demo of this frontend is available here
*Requires sign-up but feel free to use the dummy email and password.
Sample account: tester@tester.com and 12345678

Screenshots:

Stack used:

Create React App
MUI (MaterialUI) for Styling/Styled Components
Redux & Redux Toolkit for state management

Running locally

Git clone the repository from terminal

git clone https://github.com/SilverMarcs/express-social-client.git

Move to the cloned folder

cd express-social-client

Install node dependencies and wait until they get installed

npm install

Rename .env.example file to .env and input http://localhost:3001 as REACT_APP_API_URL (default for the ExpressJS server referenced in this project)
Start the project. It should start running at http://localhost:3000 and open in your browser automatically.

npm run start