https://github.com/minhtran241/memories-of-our-family

A gift for us to store our happy memories 📸
https://github.com/minhtran241/memories-of-our-family

axios-react bcryptjs cors dotenv expressjs google-login-react heroku-deployment html-css-javascript jwt-authentication material-ui moment mongodb mongoose netlify-deployment nodejs react-file-base64 reactjs redux

Last synced: 15 days ago
JSON representation

A gift for us to store our happy memories 📸

• Host: GitHub
• URL: https://github.com/minhtran241/memories-of-our-family
• Owner: minhtran241
• Created: 2022-07-03T12:50:09.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-07-04T16:55:02.000Z (over 2 years ago)
• Last Synced: 2023-04-23T04:10:02.246Z (over 1 year ago)
• Topics: axios-react, bcryptjs, cors, dotenv, expressjs, google-login-react, heroku-deployment, html-css-javascript, jwt-authentication, material-ui, moment, mongodb, mongoose, netlify-deployment, nodejs, react-file-base64, reactjs, redux
• Language: JavaScript
• Homepage: https://memories-of-us.netlify.app/
• Size: 7.78 MB
• Stars: 7
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        








📷 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 :link: https://memories-of-us.netlify.app/

### Backend Deployed at: :link: 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)