https://github.com/talhat298/notes-app

A feature-rich Notes App built with React, offering seamless note creation, deletion, and search functionalities. Supports dark mode, route protection, and persistent storage. Ideal for organizing thoughts and tasks efficiently
https://github.com/talhat298/notes-app

daisyui html-css jvascript npm react react-router-dom react-scripts reactjs router tailwindcss web-vitals

Last synced: 9 months ago
JSON representation

A feature-rich Notes App built with React, offering seamless note creation, deletion, and search functionalities. Supports dark mode, route protection, and persistent storage. Ideal for organizing thoughts and tasks efficiently

• Host: GitHub
• URL: https://github.com/talhat298/notes-app
• Owner: TalhaT298
• Created: 2023-03-16T19:05:20.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2024-06-13T15:05:15.000Z (over 1 year ago)
• Last Synced: 2025-02-11T17:18:02.393Z (10 months ago)
• Topics: daisyui, html-css, jvascript, npm, react, react-router-dom, react-scripts, reactjs, router, tailwindcss, web-vitals
• Language: JavaScript
• Homepage: https://notes-app-77.netlify.app
• Size: 333 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Live link:

# Notes App

This project is a simple yet powerful note-taking application built with React. It includes various features such as adding, deleting, and searching notes, as well as toggling between light and dark modes. The application also supports route protection and persists data using local storage.

## Features

- **Add Notes:** Create new notes with a character limit of 200.

- **Delete Notes:** Remove existing notes.

- **Search Notes:** Search through notes using a search bar.

- **Dark Mode:** Toggle between light and dark modes.

- **Persisted Notes:** Notes are saved to local storage for persistence.

- **Protected Routes:** Certain routes are accessible only to authenticated users.

## Scripts

- **start:** Starts the development server.

- **build:** Compiles the application for production.

- **test:** Placeholder script for running tests.

- **lint:** Lints JavaScript and JSX files using ESLint.

- **lint:fix:** Automatically fixes linting errors.

- **prettier:** Formats JavaScript, JSX, and JSON files using Prettier.

- **prettier:fix:** Fixes formatting issues in source files.

## Getting Started

1. **Clone the repository:**

   ```sh

   git clone 

2. **Install dependencies::**

   ```sh

   npm install

3. **Create a .env file and define environment variables:**

4. **Start the development server:**

   ```sh

   npm start

5. ```sh

   npm run build