Skip to content

HamdiHarahap/notes-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Notes App

The Notes App is a simple and user-friendly application that allows users to create, view, update, and delete notes. With a clean interface, this app helps users manage their personal notes and tasks effectively. Each note can be categorized, titled, and have detailed descriptions to ensure that all important information is stored securely and can be easily retrieved.

Features

  • Create Notes: Users can add new notes with a title, body content, and category.
  • Edit Notes: Users can update existing notes by modifying the title, body, and category.
  • Delete Notes: Users can remove notes that are no longer needed.
  • View Notes: View a list of notes with the ability to read and manage each note.
  • Categories: Notes can be organized into categories to make it easier to sort and find them.
  • Responsive Design: The app is designed to be fully responsive, ensuring a smooth experience on both desktop and mobile devices.

Technologies Used

  • Frontend: HTML, CSS, JavaScript
  • Backend: Node.js with Express
  • Styling: Tailwind CSS
  • Version Control: Git & GitHub for version control and collaboration

Installation

Prerequisites

  • Node.js

Steps

  1. Clone the repository:

    git clone https://github.com/your-username/notes-app.git
    
  2. Install dependecies

    cd notes-app
    npm install
    
  3. Run the app

    npm run start
    
  4. Open the app in your browser at http://localhost:3000

Usage

  • Create a New Note: Click on the "Add Note" button, fill in the title, body, and category, then save.
  • Edit a Note: Click on an existing note to edit its content.
  • Delete a Note: Click the "Delete" button on a note to remove it from the list.
  • Filter by Category: You can filter notes by category to make it easier to find specific notes.

Notes App Interface

Desktop

notes-app (3)

Mobile Phone

About

No description or website provided.

Topics

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages