Skip to content

Subramaniyajothi6/Notes-App-proj-1

Repository files navigation

📝 Notes App

A user-friendly note-taking application built with React.js and Tailwind CSS that allows users to create, edit, delete, pin, archive, search, and trash notes. All data is persisted in localStorage.


🚀 Features

  • 🆕 Create Notes
  • 📝 Edit Notes
  • 📌 Pin/Unpin Notes
  • 📓️ Archive Notes
  • 🗑️ Move Notes to Trash
  • 🔁 Restore Trashed Notes
  • ❌ Permanently Delete Notes
  • 🔍 Search by Title/Description
  • 🏷️ Filter by Tags
  • 📀 Data Persistence using localStorage

🔗 Live Demo

Check out the live deployed version here:
👉 https://notes-app-proj-1.netlify.app/


🖼️ Screenshots

🏠 Home Page

Home Page

➕ Create New Note

Create Note

📓️ Archived Section

Archived

🗑️ Trash Section

Trash


🛠️ Built With


📁 Folder Structure

Notes-App-proj-1/
├── components/
│   ├── Homepage.jsx
│   ├── Trashnotes.jsx
│   └── Archived.jsx
├── App.jsx
├── index.css
└── main.jsx

📆 Installation

git clone https://github.com/Subramaniyajothi6/Notes-App-proj-1.git
cd Notes-App-proj-1
npm install
npm run dev

📄 License

This is an open source project built for learning and project demonstration purposes.

About

A user-friendly notes app built with React and Tailwind CSS featuring create, edit, pin, archive, trash, and search functionality.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors