https://github.com/kodervine/notebox

An intuitive note taking application
https://github.com/kodervine/notebox

brimble reactjs tailwindcss

Last synced: 3 months ago
JSON representation

An intuitive note taking application

• Host: GitHub
• URL: https://github.com/kodervine/notebox
• Owner: kodervine
• Created: 2023-08-12T09:28:38.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-08-16T09:25:00.000Z (almost 2 years ago)
• Last Synced: 2025-01-20T07:46:06.418Z (4 months ago)
• Topics: brimble, reactjs, tailwindcss
• Language: JavaScript
• Homepage: https://notebox.brimble.app
• Size: 185 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# My NoteBox

Welcome to **My NoteBox**! This is a simple web application for creating, managing, and organizing your notes.

[Link To Demo: https://notebox.brimble.app](https://notebox.brimble.app)

## Features

- Create new notes with a title, content, and tags.

- Edit and update notes.

- Delete notes.

- Sort notes by newest or oldest.

- Search notes by tags

- Notes stored locally

- Responsive design, works well on desktop and mobile devices.

- Minimalist and user-friendly interface.

## Roadmap

1. **Create Notes**: Click the "Create New Note" button to add a new note with a title, content, and tags. There is predefined tags and there is also option to create custom tags.

2. **Edit Notes**: Use the "pencil icon" to modify the title, content, or tags of an existing note.

3. **Delete Notes**: Click the "trash can" icon. A confirmation modal will be shown before deletion.

4. **Sort Notes**: Choose a sorting option from the "Sort by" dropdown in the header. You can sort by newest or oldest

5. **Search Notes**: Use the search input in the header to find notes by tags. If no matches are found, a message will indicate so.

### Desktop View

![Desktop View](src/assets/notebox-desktopscreen.png)

### Mobile View

![Mobile View](src/assets/notebox-smallscreen.png)

## Technologies Used

- React + Vite: A popular JavaScript library for building user interfaces.

- Local Storage: Used to store notes data locally in the browser.

- Tailwind CSS: A utility-first CSS framework for fast and responsive UI development.

- Brimble: A Nigeria owned Platform as a Service product is used for deployment