Coder Social home page Coder Social logo

youssefkhaled08 / memories Goto Github PK

View Code? Open in Web Editor NEW

This project forked from warmachine028/memories

0.0 0.0 0.0 22.29 MB

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

Home Page: https://memories-pritam.netlify.app

License: MIT License

Shell 0.16% JavaScript 99.39% CSS 0.07% HTML 0.38%

memories's Introduction

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


Best Contributors ๐ŸŽญ

Best Contributors


memories's People

Contributors

warmachine028 avatar dependabot[bot] avatar keerthivardhan1 avatar theritikchoure avatar youssefkhaled08 avatar deepsourcebot avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.