https://github.com/aryanrathore63/quadb-tech-assignment

To-Do-Application
https://github.com/aryanrathore63/quadb-tech-assignment

front-end js react redux redux-persist redux-toolkit tailwind

Last synced: about 1 month ago
JSON representation

To-Do-Application

• Host: GitHub
• URL: https://github.com/aryanrathore63/quadb-tech-assignment
• Owner: aryanrathore63
• Created: 2024-06-30T14:58:41.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-06-30T14:59:58.000Z (6 months ago)
• Last Synced: 2024-07-03T08:36:11.567Z (6 months ago)
• Topics: front-end, js, react, redux, redux-persist, redux-toolkit, tailwind
• Language: JavaScript
• Homepage: https://quadb-tech-kappa.vercel.app
• Size: 59.6 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React To-Do Application

This is a simple To-Do application built using ReactJS and Redux. The application allows users to add, view, update, and delete tasks. It also provides functionality to mark tasks as completed or important.

## Features

- Add new tasks with title, deadline, mark as completed, and mark as important.

- View all tasks in a card format.

- Update tasks including modifying title, deadline, completion status, and importance.

- Delete tasks from the list.

- Filter tasks by completed, important, and to-do (not completed) statuses.

## Technologies Used

- ReactJS: Frontend library for building user interfaces.

- Redux: State management library for managing application state.

- React Router: Declarative routing for React applications.

- Tailwind CSS: Utility-first CSS framework for styling the application.

- React Icons & Lucide React: Library providing popular icon packs as React components.

- Redux Toolkit: Toolkit for efficient Redux development including simplified store setup, action creation, and reducer logic.

## Getting Started

To run the application locally, follow these steps:

1. Clone this repository to your local machine.

2. Navigate to the project directory.

3. Install dependencies using npm or yarn:

   npm install

4. Run the development server:

   npm start

5. Open your web browser and navigate to http://localhost:3000 to view the application.

## Usage

- Use the sidebar to navigate between different sections of the application.

- Add new tasks by filling out the form in the "ToDo" section and clicking the "Add Task" button.

- View all tasks in the "Tasks" section, where you can see task details, mark tasks as completed or important, update tasks, or delete tasks.

- Filter tasks by completed, important, or to-do statuses using the sidebar links.

- Edit tasks by clicking the "Edit" button on each task card, making changes in the modal, and clicking "Save Changes."

- Delete tasks by clicking the "Delete" button on each task card.

## Deployment

This application is deployed using Vercel Pages & Vite as a build tool.