Nanote

A simple note-taking web app

Table of Contents

• Overview
  • The Challenge
  • Desktop View
  • Links
• My Process
  • Built With
  • What I Learned
• Useful Resources
• Author

Overview

The Challenge

• CRUD based note-taking web app.
• Responsive UI, implemented Google authentication.
• User can create notes based on category with created and modified dates, can edit and delete notes. Also add notes to favourite.

Desktop View

Links

• Live Preview
• Server-side Repo

My Process

Built With

• Front End: Material UI, ReactJS
• Back End: NodeJS, ExpressJS
• Technologies: MongoDB, Firebase Authentication, Firebase Hosting, Heroku.

What I learned

• The core concepts of Material UI.
• How to work with date-time with MomentJS.
• The mechanism of favorite button and sort the notes by category using API calls.

Useful Resources

• React Documentation
• Material UI Documentation

Author

• GitHub - moeen-mahmud
• Twitter - moeen_mahmud