kotaid / social-media-app

Sociopedia

This is a simple, Full Stack social media application.

Features

• Light/dark mode toggle
• Auth action: register, login, logout
• Create Posts
• Explore other peoples posts
• Add/Remove friend.
• Like/Dislike Posts
• Responisve
• Beutiful Ui.
• 3 pages: Authentication, Home, Profile.

Demo

social-media-app.mp4

Live App here: https://melodic-daffodil-0c8e96.netlify.app/

Tech Stack

Front end: React, Redux, Redus Toolkit, React Persist, React Router Dom, Material Ui, @emotion, Yup, Formik.

Back end: Node, Express, Mongoose, Multer, Jsonwebtoken...

Installation

Clone the project

  git clone https://link-to-project

To install the app, you should install the dependencies both on the client and server directories.

To install dependencies:

  cd client
  npm install

&&

  cd server
  npm install

To run client app locally:

  npm run vite

To run server app locally:

  node index

or use nodemon to keep track of changes in code and restart the app automatically:

  nodemon

Environment Variables

To run this project, you will need to add the following environment variables to your .env file in the server directory.

PORT

MONGO_URL

JWT_SECRET

Related

Here are some related projects

• Full Stack Music Player
• React Recipe App
• Delle-Ai Clone App

Hi, I'm Khalil! 👋

🚀 About Me

A full stack, Passionate , Young , Web developer. Breathing Teck & Computers, Never Stop learning and discovering stuff.

🛠 Skills

Javascript, HTML, CSS, Tailwind, Material ui React, Angular, Nestjs, Nodejs, Express, Mean, Mern, MongoDB.

Other Common Github Profile Sections

👩‍💻 I'm currently working on a personal project.

🧠 I'm currently learning Angular for large scale apps, along with Nest js on the same scale.

👯‍♀️ I'm looking to collaborate on in any projects of my listed stack.

🤔 I'm looking for help with large scale apps , both on backend and frontend.

📫 How to reach me: https://twitter.com/kotaid1

⚡️ Fun fact: There are around 700 separate programming languages. ...

Appendix

Don't mind to give the app a star ⭐⭐