DIARY WEBAPP
MongoDb, Node/Express, React(MERN)
JSON Web Token Auth
Redux
Tailwind Css
Yup and Formik (Form Validation)
Bcrypt for Password Hashing & Cryptr for content encryption
MomentJs for Date management
React Quill Text Editor
React Toastify

I started learning Node and Express late July and after building some mini Mern applications that didn't see the light of day, I decided to embark on this one and deploy.

It's a diary application that can perform the CRUD operations. Sign up and login forms are validated with Yup and Formik, I had been running from them but I decided to face my fears, turned out well. Once you login, a user token is generated which is passed and verified by the auth middleware anytime you try to access an endpoint.

It was initially intended to be a note application but I changed the concept last minute. It's for you alone and I don't get to see them. The contents of your diaries are stored as encrypted text on MongoDb with the help of Cryptr.

I decided to use ReactQuillJs rich text editor due to the support for pictures and videos (I haven't even tested to see if the video is working sha). I also figured that it will be a nice idea to upload pictures for the sake of explicitly keeping memories. It was a bit of headache for me while trying to validate it.


Redux, first attempt at building something of this scale. I worked on a project some months back without redux and it was really messy while trying to manage global states with deeply nested components. I had to start bringing them to the app level

I tried to sort the diaries by day created and moment Js was the perfect fit. Threw it in my Redux Slice component and created more states that had the sorted entries


I employed React Toastify for notifications which was really nice. It was not fun though when the app misfired, it literally painted my inadequacies on my face

Design, I didn't have any UI planned, I just went for it and it kinda delayed since I had to change some things at the last minute. I used Tailwind for the first time too and it really sped up development. I didn't learn of intelliscene soon enough so I had to consult their documentation 1001 times

Kindly give your reviews, and feedbacks, and bugs. I'd be updating it with more features later (Like the user profile and update), 'starred' functionality and folder functionality on mobile
https://github.com/marvelstalwart/DiaryMernApp
https://mywebdiary.netlify.app

Nice one.

This is an amazing project.

I have worked with summer note, that quill is also amazing.

I tried assessing ur App by go d login and reg page.

Post a link to the demo.. A page that will let people see and use d features.

LikeAking:
Nice one.

This is an amazing project.

I have worked with summer note, that quill is also amazing.

Thank you brother

LikeAking:
I tried assessing ur App by go d login and reg page.

Post a link to the demo.. A page that will let people see and use d features.

The email is case sensitive. You need authentication to use any of the features. Is there a way to bypass that?

Nice one ,I think smaller fonts for your text will be better

chukwuebuka65:
Nice one ,I think smaller fonts for your text will be better

Okay thank you

Marvel1206:
Okay thank you

nice one, but the "forgot password" is not a link.

captainbangz:
nice one, but the "forgot password" is not a link.

Yes .. I'll fix it later