rizkytegar / veonote

Veo Note is a responsive web application for efficient note-taking and management, featuring weekly filtering, pagination, and local data storage for offline access.
https://veonote.vercel.app/
18 stars 22 forks source link
hacktoberfest hacktoberfest-accepted hacktoberfest2024

Veo Note

Please create an issue if you have ideas. Feel free to star this repository if you are interested.

Description

Veo Note is a web-based application designed for efficient note-taking and management, built using React, Vite, and Tailwind CSS. The application allows users to add, edit, delete, and filter notes based on weekly ranges. All data is stored locally using localStorage, enabling users to access their notes without requiring an internet connection.

Key Features

  1. Easy Note Creation: Users can easily add new notes via the "Add Note" button, and existing notes are displayed in a structured format.
  2. Weekly Filtering: Users can filter notes by week. There is an option to select a date range and display all notes within that specific week.
  3. Paginated Navigation: The app includes pagination, allowing users to move between weeks with "Next" for the following week and "Prev" for the previous week.
  4. Edit & Delete Notes: Each note comes with options to edit or delete, making note management flexible and user-friendly.
  5. Local Storage (localStorage): All note data is stored in localStorage, ensuring notes remain accessible even after page reloads.

Tech

Wireframe

This is the wireframe I made, for now it's just an example. The website will be made responsive.

wireframe

Guidelines for Hacktoberfest 2024 Contributors

Read the Hacktoberfest guide here: Guidelines for Hacktoberfest 2024 Contributors

Contributors

Rizky Tegar Pratama
Rizky Tegar Pratama
Udit Jain
Udit Jain