updated: Monday, 1st August 2022

Cherishing the past with love

Memories

What's new?

• Added Scroll To Top Floating Action Button and Floating NavBar

Table of Contents

• Introduction
• Acknowledgement
• Additional Improvements
• Tech Stack Used
• Previews
• Demo
• License

---

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

Previews

• Desktop Preview

• Mobile Preview

• User Details:

• Comment:

• Credential Update:

• SnackBar Alerts

• Remember Me and Forgot Password

• Scroll To Top Button

---

Demo

---

Upcomming

• Migrating from OAuth 1.0 to OAuth 2.0 to avoid deprication

---

License

• see LICENSE

Pritam, 2022