Skip to content

Build a Note keeping app using html, css, javascript to keep notes and used local storage to store data.

Notifications You must be signed in to change notification settings

The-Parth-Choudhary/Keeper-App-JS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Keeper App

Welcome

Welcome to the Keeper App readme. This document provides information about the Keeper App website.

Screenshot 2023-10-25 105338

Table of Contents

Overview

This Application is a HTML, CSS, Javascript based website. It is usefull if someone want to keep notes related to study or work online and want to access anytime, anywhere and save them for future use.

Features

  • Create New Note: Creates new note by adding information like title and the body of the note.
  • Update Note: If the user want to change the title or the body of his note then he/she can also do it without rewriting the whole note again.
  • Delete Note: If the user does not longer need any note the he/she can delete it.

Getting Started

Compilation

To run the Keeper App website in his/her localhost, follow these steps:

  1. Ensure you have live server extension installed on your IDE.
  2. Open the project folder in your IDE.
  3. Open the website with live server.

Usage

Once the application is running, you will see main menu with various options. Follow the on-screen instructions to navigate the menu and perform actions.

Usage Example

Create New Note

  1. Click on the title field in adding new note section and add title.
  2. Click on the add new note field in adding new note section and add body of the note.
  3. Click on +(Add Note) icon.

Edit Note

  1. Click on edit note icon in card.
  2. All previous detals will be displayed on the input field and there you can make changes and the update them.

Delete Note

  1. Click on Delete icon to delete the note.

Read More

  1. Click on Read more button which helps user to easily access a particular note.

Light/Dark Theme

  1. Click on Theme button to toggle between Light mode and Dark mode.

Contributing

Contribution to the Invoice Generator application are welcome! If you find issues or have improvements to suggest, please follow these steps:

  1. Fork the repository.
  2. Make your changes.
  3. Create a pull request with a detailed description of your changes.

About

Build a Note keeping app using html, css, javascript to keep notes and used local storage to store data.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published