Skip to content

This is a dynamic and responsive note-taking application developed using React and Tailwind CSS. It allows users to effortlessly add, edit, and delete notes, with data persistence powered by localStorage to save notes across browser sessions. The app features a clean and interactive UI enhanced with hover effects, making visually appealing.

Notifications You must be signed in to change notification settings

pun7dam/Note-Taking-App

Repository files navigation

Note-Taking App

Overview

This is a responsive note-taking application built using React and Tailwind CSS. It utilizes localStorage for data persistence, ensuring your notes are saved even after refreshing the browser.

Features

  • Add, edit, and delete notes.
  • Persistent storage using localStorage.
  • Responsive design with Tailwind CSS.
  • Interactive UI with hover effects.

Technologies Used

  • React: For building the user interface and managing state with useState and useEffect.
  • Tailwind CSS: For styling and responsive design.
  • localStorage: For storing and retrieving notes.

Installation

  1. Clone the repository:

    git clone https://github.com/pun7dam/Note-Taking-App.git
    
  2. Navigate to the project directory:

    cd note-taking-app

  3. Install dependencies

    npm install

  4. Start the development server:

    npm start

  5. Open your browser and navigate to http://localhost:port.

About

This is a dynamic and responsive note-taking application developed using React and Tailwind CSS. It allows users to effortlessly add, edit, and delete notes, with data persistence powered by localStorage to save notes across browser sessions. The app features a clean and interactive UI enhanced with hover effects, making visually appealing.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published