Hive-Hut

It is a Full-stack Social Media website that has authentication(login/signup) functionality, upon registration a user profile is created and the user is taken to the home page of the application. JWT Authentication has been used to authenticate the user in this app.
In the home page there is an option to post something (image or text), the image posted are stored in the local storage. Rest API is used to handle the posts and the users.
In the left side of the page, the user profile picture and cover picture is shown in a card and below that the followers list is shown(The other people who have registered).
Upon going to "My Profile", user profile is shown where the user can fill in information about them and they can also update/change their cover picture and profile picture.
The app also supports dark and light mode. Users can follow and unfollow other users and it will render across the entire app.

Dependencies

Demo

https://social-media-yqi8.onrender.com

Sign up page -

Login Page -

Home Page -

Profile Page -

Share function -

Information update -

Dark Mode -

Deployment

This project has been deployed using Render.com

For Backend/server

• Web Service App

Branch

  main

Root directory

  server

Build command

  npm install

Start command

  npm run start

After this add .env variables to render and update the IP addresses in MongoDB. Deploy Server!

For Frontend/client

• Static site Branch

  main

Root directory

  client

Build command

  yarn run build

Start command

  build

After this add .env variables to render.
Change the instances of backend link from client to the new provided link from deployed site from backend.
Deploy client!