A demo of this frontend is available here
This is the web frontend for a social network site using a ExpressJS backend server (linked below)
Link to backend repository
Link to react native frontend repository
*Requires sign-up but feel free to use the dummy email and password.
Sample account: [email protected]
and 12345678
![image](https://private-user-images.githubusercontent.com/77480421/397935777-fa3a63b2-7da9-449b-ab08-f3f9093a80aa.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzNDAzNzYsIm5iZiI6MTczOTM0MDA3NiwicGF0aCI6Ii83NzQ4MDQyMS8zOTc5MzU3NzctZmEzYTYzYjItN2RhOS00NDliLWFiMDgtZjNmOTA5M2E4MGFhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEyVDA2MDExNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTFkY2ZkZTIxMjg3ZGY0NWU2ZWQ2OWVkYzExYzlkYTFhMjgwYTBjOTY1NGIwOTg3NjY1NTg5ZDlhYTM2YTg0MjUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.lLrdgDh8lgD06BDN1gUrqBCvMnNI4nhp_ERUGm-1UqY)
- ReactJS
- MUI (MaterialUI) for Styling/Styled Components
- Redux & Redux Toolkit for state management
- 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