https://github.com/clairekarsenti/beautipedia-social-media-app

Fullstack Responsive MERN App with Auth, Likes, Dark Mode | React, MongoDB, MaterialUI
https://github.com/clairekarsenti/beautipedia-social-media-app

emotion formik-yup fullstack mern-project mongodb mui mui-icons mui-material nodejs react react-dropzone react-redux react-router-dom redux-persist redux-toolkit

Last synced: 7 days ago
JSON representation

Fullstack Responsive MERN App with Auth, Likes, Dark Mode | React, MongoDB, MaterialUI

• Host: GitHub
• URL: https://github.com/clairekarsenti/beautipedia-social-media-app
• Owner: ClaireKarsenti
• Created: 2023-06-12T09:31:17.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-10-09T11:19:26.000Z (about 1 year ago)
• Last Synced: 2023-10-10T10:46:55.521Z (about 1 year ago)
• Topics: emotion, formik-yup, fullstack, mern-project, mongodb, mui, mui-icons, mui-material, nodejs, react, react-dropzone, react-redux, react-router-dom, redux-persist, redux-toolkit
• Language: JavaScript
• Homepage: https://beautypedia-clairekarsenti.netlify.app
• Size: 28.1 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


# Beautipedia - Social Media App

- [Beautipedia - Social Media App](#beautipedia---social-media-app)

  - [About the project](#about-the-project)

    - [Stack](#stack)

    - [Features](#features)

    - [Link](#link)

  - [Screenshots of the Project](#screenshots-of-the-project)

    - [Home Page](#home-page)

    - [Profile Page](#profile-page)

    - [Login Page](#login-page)

    - [SignUp Page](#signup-page)

    - [Dark mode](#dark-mode)

## About the project

This immersive social platform, built with React and Material UI, empowers users to connect with friends, share special moments, and explore a world of interactive content. With a contemporary and user-friendly layout, it also offers a dark mode for the optimal user experience.

### Stack

- React

- Redux

- Material UI

- Node.js

- MongoDB

### Features

- Auth

- Dark Mode

### Link

[Beautipedia Social Media App demo](https://beautypedia-clairekarsenti.netlify.app)

## Screenshots of the Project

### Home Page

![home page](./client/public/assets/screenshots/HomePage-light.jpeg)

### Profile Page

![profile page](./client/public/assets/screenshots/ProfilePage-light.jpeg)

### Login Page

![login page](./client/public/assets/screenshots/LoginPage.jpeg)

### SignUp Page

![signUp page](./client/public/assets/screenshots/SignupPage.jpeg)

### Dark mode

![profile page dark mode](./client/public/assets/screenshots/ProfilePage-dark.jpeg)

![home page dark mode](./client/public/assets/screenshots/HomePage-dark.jpeg)