Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/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://github.com/rizkytegar/veonote
hacktoberfest hacktoberfest-accepted hacktoberfest2024
Last synced: 2 months ago
JSON representation
Veo Note is a responsive web application for efficient note-taking and management, featuring weekly filtering, pagination, and local data storage for offline access.
- Host: GitHub
- URL: https://github.com/rizkytegar/veonote
- Owner: rizkytegar
- Created: 2023-10-26T02:06:47.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2024-10-26T16:13:11.000Z (3 months ago)
- Last Synced: 2024-10-26T22:26:32.278Z (3 months ago)
- Topics: hacktoberfest, hacktoberfest-accepted, hacktoberfest2024
- Language: TypeScript
- Homepage: https://veonote.vercel.app/
- Size: 257 KB
- Stars: 18
- Watchers: 1
- Forks: 22
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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
- **React**: Provides a responsive and fast user experience with efficient state management.
- **Vite**: As a lightweight and fast bundler, it speeds up both the development and build processes compared to traditional tools.
- **Tailwind CSS**: Simplifies the styling process with its utility-first CSS framework, ensuring consistent and easily modifiable UI.
- **localStorage**: Local data storage allows the app to be used offline without data loss.## Wireframe
This is the wireframe I made, for now it's just an example. The website will be made responsive.
![wireframe](https://github.com/user-attachments/assets/ea8c9b44-2a30-42ed-b9b5-ab2e11e1abc1)
## Guidelines for Hacktoberfest 2024 Contributors
Read the Hacktoberfest guide here: [Guidelines for Hacktoberfest 2024 Contributors](https://github.com/rizkytegar/veonote/issues/33)
## Contributors