Instawave(PERN STACK SOCIAL MEDIA webapp)

Table of Contents

1. Description
2. Features
3. Tech Stack
4. Installation
5. Live Demo
6. Screenshots
7. Contact
8. Future Improvements

Description

This is a full-stack social media app, named 'instawave' created as part of my first year 1 month summer internship project, allows users to message each other real time using socket.io and play multiplayer games like toc-tac-toe with ecah other in real time.

Features

• Signup/Login
• Real-time messaging with Socket.io
• Create/Delete Posts
• Follow/Unfollow Users
• Like/Unlike posts
• Reply to posts
• Save/Unsave Posts
• Single player match-making game
• Dark mode/light mode
• Update profile
• send images real time

Tech Stack

Frontend:

• React
• Chakra UI
• SweetAlert2
• Recoil
• HTML, CSS

Backend:

• Node.js
• Express.js
• PostgreSQL
• CORS
• Cloudinary
• Bcrypt
• UUID

Installation

Prerequisites:

• Node.js
• PostgreSQL

Steps:

1. Clone the repository.
2. Navigate to the backend folder and run npm install.
3. Navigate to the frontend folder and run npm install.
4. Run npm run build in the frontend folder.
5. Start the server by running npm start in the backend folder.
6. The app should now be running on localhost:5000.

Live Demo

Watch Live Demo on Youtube...

Screenshots

Contact

Email:thasneemchalil@gmail.com Linkedin:https://www.linkedin.com/in/thasneem-c-a70a75206/

Future Improvements

Messages are not end-to-end encrypted as of now.