Memories Applciation Built with MERN

? Memories ?

✅ Memories (MERN Full-Stack App)

Memories Applciation, where Users can add, delete, update and like memories, and View each other’s memories !!

I created Memories for my family as a gift for us to store our happy memories ?‍?‍?‍?

Link ? https://memories-of-us.netlify.app/

Backend Deployed at: ? https://memories-family-api.herokuapp.com/

Desktop Interface ?

Mobile Interface ?

Run Locally

  • Run this command git clone https://github.com/minhtran241/memories-of-our-family.git
  • You are now in the dev environment and you can play around

Features

  • Authentication (Login/Signup) and with (Google)
  • Create and Update Memories
  • Like and Delete Memories
  • View Other user’s memories
  • Recommended Posts
  • Mobile Responsive
  • Open Source (Tweak it and use it) ?
  • Pagination
  • Validation

Tech Stack

  • HTML5
  • CSS3
  • Javascript and ES+6
  • Material-UI
  • ReactJs
  • Redux, Redux-Thunk
  • NodeJs
  • ExpressJs
  • MongoDB Atlas

Packages

  • Frontend

    • axios
    • moment
    • redux
    • redux-thunk
    • @material-ui/core
    • @material-ui/icons
    • material-ui-chip-input
    • @material-ui/lab
    • react-file-base64
    • react-google-login (for google login feature)
    • jwt-decode (web tokens decoding)
  • Backend

    • express
    • mongoose (for managing mongoDB)
    • cors
    • dotenv (for environment variables)
    • body-parser
    • nodemon
    • bcryptjs (for password hashing)
    • jsonwebtoken (for web tokens and sessions)

GitHub

View Github