CataList is a markdown notes application that allows users to create, edit, and delete notes with support for markdown formatting. Users can also organize their notes using
tags and filter notes based on titles or tags. All data is stored in the local storage of the user's browser, ensuring a seamless and personalized experience.
- Create and edit notes using markdown formatting.
- Organize notes with tags for easy categorization.
- Filter notes by title or tags to quickly find specific notes.
- Delete individual notes or clear all notes from the application.
- Data is stored in the user's browser local storage.
- User-friendly interface with responsive design using React Bootstrap.
| React | Bootstrap | Typescript | React-Markdown |
|---|
Follow these steps to set up and run CataList on your local machine:
- Clone the repository:
git clone https://github.com/TheNewC0der-24/CataList.git- Navigate to the project directory
- Install the dependencies using npm:
npm install or npm install --legacy-peer-deps- Start the development server:
npm run dev- Open your web browser and visit
http://localhost:5173to use CataList.
-
Creating Notes: Click on the "Create" button to create a new note. You can use markdown formatting for your note's content.
-
Editing Notes: To edit an existing note, click on the note you want to edit and click Edit button. Make your changes and click the "Save" button.
-
Adding Tags: You can add tags to your notes to categorize them. Simply enter comma-separated tags while creating or editing a note.
-
Filtering Notes: Use the title and tags bar to filter notes by title or tags. The notes will be dynamically updated as you type.
-
Deleting Notes: To delete a note, click on the note and then click the "Delete" button.
Contributions are welcome! If you find a bug or have a feature suggestion, please open an issue on the GitHub repository. If you'd like to contribute code, fork the repository, create a new branch, make your changes, and submit a pull request.
- Adding Firebase
- Improve UI
https://cata-list.netlify.app/