Bol2riZH / Groupomania

OpenClassrooms Project 7 - FullStack social network (MERN)

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Groupomania

OpenClassrooms Project 7 - FullStack Social network (MERN)

For this project, I have to build an entire social network from scratch (BACK-END and FRONT-END).

I will soon deploy it on :

Backend Heroku

Frontend Vercel

I took time to write the cleanest code possible :

  • Easy to read
  • Easy to maintain
  • Scalable

Performance as been improved :

  • All images are compressed in .webp
  • Images are linked and unlinked from the server as the user
    • delete or update post/profile picture

I took care of all the design (inspire by Memphis design) and be carefull about accessibility and of course responsive.

Functionalities :

USER

  • Signup / Login
  • Post messages / comments
  • Like messages / comments
  • Update profile and messages
  • Delete messages and comments

ADMIN

  • Update messages
  • Delete messages and comments

Stack: MERN

  • MongoDB
  • Express
  • React + SASS
  • Node

img.png

How to connect :

Clone / download the code on the main branch

FRONTEND

Open your terminal and go the /frontend folder.

Run npm install to install all required dependencies.

Run npm start to start the interface on your browser (PORT 3000).

BACKEND

Open your terminal and go to the /backend folder.

Run npm install to install all required dependencies.

Run npm start to start the server and connect to the data base (PORT 4000).

ADMIN ACCESS:

  • email: admin@admin.com
  • password: admin123!

About

OpenClassrooms Project 7 - FullStack social network (MERN)


Languages

Language:JavaScript 69.1%Language:SCSS 29.9%Language:HTML 0.8%Language:Shell 0.1%