Skip to content

A simple note taking app made using vanilla JS and Web Storage API to store the notes.

Notifications You must be signed in to change notification settings

rahulkarda/Notes-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Notes-App

A simple note taking app made using vanilla JS and Web Storage API to store the notes. User can add their notes with title and description, search for a specific note using the search bar and can delete the note by clicking on the delete note button.

The site is live at : http://notesappbyrahul.netlify.app/

Notes App

Tech Stack Used

Bootstrap is a free and open-source CSS framework directed at responsive, mobile-first front-end web development.

Web Storage API provides mechanisms by which browsers can store key/value pairs, in a much more intuitive fashion than using cookies.

Optimizations

When I will improve this project, I would start by updating the UI to be responsive for different size of notes and would add the following features -

  1. Marking a note as Important
  
  2. Separate notes by user & Login system
  
  3. Sync and host to web server 

Lessons Learned

My learning was focused on making the use of Web Storage API and to create a simple UI and a smooth UX for the users to create notes in the browser itself. Seperation of Concerns - Separating the application into distinct sections, so each section addresses a separate concern. Learned how the web storage API works and difference between local storage and session storage.

About

A simple note taking app made using vanilla JS and Web Storage API to store the notes.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published