Little Notes App

A simple web application for managing notes, built with React, TypeScript, and Redux Toolkit. The app allows users to perform CRUD (Create, Read, Update, Delete) operations on notes, archive/unarchive notes, and view a summary table by categories.

Technologies

• React
• TypeScript
• Redux Toolkit

Extra Libraries

• Formik: Form library for easy form management and validation.
• Yup: Schema-based validation library for Formik forms.
• React Bootstrap: UI components library for a responsive and modern UI design.
• React Router DOM: Routing library for handling navigation between pages.

Features

• Create, Read, Update, and Delete notes.
• Archive and unarchive notes to organize them effectively.
• Display a summary table with statistics by note categories.

Installation

1. Clone the repository.

   git clone https://github.com/asya982/Radency-task-2.git
   

2. Install the dependencies.

   cd Radency-task-2
   npm install
   

3. Start the development server.

   npm start
   

The app should now be running on http://localhost:3000.

Usage

Home Page:

View a list of all notes. Create a new note using the "Add Note" button. Note Details Page:

Click on a note to view its details. Edit the note by clicking the "Edit" button. Archive/unarchive the note using the "Archive/Unarchive" button. Categories Summary Page:

Access the summary table of notes by categories using the navigation link.

Thank you for using the Little Notes App! We hope it helps you manage your notes effectively. If you have any questions or need further assistance, please don't hesitate to reach out. Happy note-taking!