Notes App

SideID
SideID, 1 min read.
Preview / Source
Notes App - Main View

Notes App is a web application designed for managing daily notes, tasks, and other personal information. This application requires user login and is built using React.js and Vite, leveraging REST APIs for data management.

Key Features

  • Note List: Displays a list of user notes.
  • Add Notes: Allows users to add new notes.
  • Delete Notes: Enables users to delete existing notes.
  • Search Notes: Provides a search functionality for notes.
  • Character Limit: Imposes a character limit on note title input.
  • Archive/Unarchive: Allows users to archive and unarchive notes.
  • Login/Registration: Features user login and registration functionality.

Screenshots

Notes App - Login ViewNotes App - Home ViewNotes App - Add NotesNotes App - Archive Notes

Technologies Used

  • React.js: For building the user interface.
  • Vite: As a build tool for faster development.
  • REST API: For data communication between the client and server.

Getting Started

  1. Clone the repository from GitHub:

    git clone https://github.com/SideeID/notes-app.git

  2. Navigate to the project directory:

    cd notes-app

  3. Install dependencies:

    npm install

  4. Start the development server:

    npm run dev

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

Contribution

This is a personal project and does not accept external contributions.