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

sallamy2580/beautiful-memories-mern-stack

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

80 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

updated: Saturday, 16th July 2022
Memories

Cherishing the past with love

Netlify Status

What's new?

  • Added User Update Feature 🌟⭐🌠

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

  • Minimalist Look, Translucent Card Type Posts
  • 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
  • Image Drag and Drop functionality in Preview while creation
  • Private Post and Comment Deletion Functionality
  • Attention to detail features like comment circular progress, custom Private button gives it the wow factor
  • Post Owners and commenters can regulate comments in their posts.
  • While deleting comment TrashCan icon turns CircularProgress.
  • Comments section only visible if at least 1 comment exist in a post.
  • Custom user detail page including newly written dataBase query and Backend Logic.
  • Custom 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.

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
  • Heroku: Hosting the backEnd

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

Previews

  • Desktop Preview

Desktop-Preview

  • Mobile Preview

Mobile-Preview

  • User Details:

UserDetails

  • Comment:

Comments

  • Credential Update:

Credential Update


Demo

Customizations


Upcomming

  • Optimise Both Tabs in UserDetails.
  • User details Updation feature

License

Pritam, 2022

About

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

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages