Skip to content

A well refined project to store your valuable memories in a digital Diary

License

Notifications You must be signed in to change notification settings

lorenzoceglia/memories

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

updated: Monday, 1st August 2022
Memories

Cherishing the past with love

Netlify Status

What's new?

  • Added Scroll To Top Floating Action Button and Floating NavBar

Table of Contents


Introduction

  • In earlier days people used to maintain diaries.
  • But those days have changed, but our needs still remain the same.
  • This is a WebApp helps suffice the need for a digital diary and help improve the user Experience.
  • The Anime Kimi no Na wa gave me inspiration to improve this project every bit.

Acknowledgement

  • Thanks to JS Mastery for this wonderful tutorial.
  • I have added more refined features on top of this project.

Additional Improvements

  • Glass finish Card Post Components.
  • CRUD based Operations, Post Search Functionality with Tags
  • Details Page of each Post Card, Recommended Posts.
  • Image Compression (compresses every image under 1MB)
  • Like - Comment - Tag functionality and 2 Way Authentication (JWT Token & Google OAuth)
  • Randomised Custom User Avatar Images.
  • Image Drag and Drop functionality in Preview while creation
  • Private Post and Comment Deletion Functionality
  • Attention to detail features like custom Private button and LinearProgress.
  • Post Owners and commenters can regulate comments in their posts.
  • Comments section only visible if at least 1 comment exist in a post.
  • New User-Detail page including newly written dataBase query and Backend Logic.
  • Addition of Posts Liked by user Component.
  • Customised comment containers with User avatar and post times.
  • Clickable Chips and Custom Tabs in UserDetails page.
  • Memories is now a Progressive Web App 🎉🎉🎊🎊.
  • Added Credential Update Feature for users.
  • Remember Me and Forgot Password in Authentication using NodeMailer 💕💕
  • Improved UI By adding Hover animations on post cards and Media 🖼️🌟
  • New Snackbar Alerts from Material UI replacing Basic browser Alerts.
  • Instant comment Actions and Post Updation.

Tech Stack Used

  • Material UI: Styling & Icons
  • MongoDB: For DataBase Management
  • ExpressJs: For BackEnd Routing
  • React: FrontEnd Developement
  • NodeJS: For BackEnd developement
  • Netlify: For hosting the frontEnd developement
  • Vercel: For hosting the frontent production
  • Heroku: Hosting the backEnd

Material UI Mongo DB Express React Node JS Netlify Heroku React Router Redux JavaScript JWT Vercel

Previews

  • Desktop Preview

Desktop-Preview

  • Mobile Preview

Mobile-Preview

  • User Details:

UserDetails

  • Comment:

Comments

  • Credential Update:

Credential Update

  • SnackBar Alerts

SnackBar Alerts

  • Remember Me and Forgot Password

Remember Me

  • Scroll To Top Button

Scroll To Top


Demo

Customizations


Upcomming

  • Migrating from OAuth 1.0 to OAuth 2.0 to avoid deprication

License

Pritam, 2022

About

A well refined project to store your valuable memories in a digital Diary

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 99.3%
  • Other 0.7%