Social Network

Abstract

1. Introduction

Mini social network that I made as my first web app project.

2. Objective

Mini social network that I made as my first web app project.

This project demonstrates how JavaScript, React, Redux can be applied to a real-world Full Stack Web Development problem.

3. Key Features / Modules

• Like posts, comments, replies
• See likes for posts, comments, replies
• Follow, unfollow
• Update user information
• Search users
• Tag people on post and in comments with autocomplete
• Send verification email
• Pagination for home feed, user profile, hashtag page, location page, notifications, comments, replies

4. Technology Stack

• React - A JavaScript library for building user interfaces
• Redux - State managment
• Semantic UI React - UI
• Socket.io - Used for realtime features
• Node - Used for backend
• Mongodb - Database

5. System Requirements

General requirements for this technology stack — check the README for exact versions.

• Node.js (LTS) and npm
• A modern web browser
• VS Code or any code editor
• Git (to clone the repository)

6. Installation & Setup

git clone https://github.com/misa-j/social-network.git
cd social-network

1. Install dependencies
2. Create variables.env file and replace values with yours
3. Go into client/src/_services/socketService.js and replace
4. Run project

npm i && cd client && npm i && cd ..

NODE_ENV=development
DATABASE="Mongodb Connection String"
JWT_KEY="secretkey"
EMAILUSER="example@gmail.com"
EMAILPASS="example"
HOST="your ip eg. http://192.168.0.14:5000"
ENABLE_SEND_EMAIL="true or false" // false if you don't want to set it up
TEST_DATABASE="testing db"

"/"

127.0.0.1:5000

Full setup instructions are in the project README.

7. Future Enhancements

Suggested extensions you can add to make this your own project.

• Add role-based access control
• Deploy on a VPS or cPanel hosting with a custom domain
• Add automated tests and a CI pipeline

8. Viva / Review Questions

Common questions examiners ask for projects in this domain.

1. Explain the frontend, backend and database layers of this application.
2. How is user authentication and authorisation implemented?
3. Describe the main database tables / collections and their relationships.
4. Which REST APIs or routes are exposed and what do they return?
5. How would you deploy this application to production?

9. Source Code & License

This project is developed by misa-j and published on GitHub under the MIT License. Please follow the license terms and credit the original author when you use or modify this code.