https://github.com/chandan8018/quadb_assignment

https://github.com/chandan8018/quadb_assignment

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/chandan8018/quadb_assignment
• Owner: Chandan8018
• Created: 2024-06-05T16:00:36.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-06-06T18:49:00.000Z (about 1 year ago)
• Last Synced: 2025-01-25T12:09:21.231Z (5 months ago)
• Language: JavaScript
• Homepage: https://quad-b-assignment-ivory.vercel.app
• Size: 1.22 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Todo App

Welcome to the Todo App! This application allows you to manage your tasks efficiently with an easy-to-use interface. Create, update, view, and delete your todos effortlessly.

![Home Page](src/assets/home.png)

---

![Create Todo Page](src/assets/create.png)

---

![View Todo Page](src/assets/view.png)

---

![Delete Todo Page](src/assets/delete.png)

---

![Update Todo Page](src/assets/update.png)

---

## Features

- **Create Todo**: Add new tasks to your todo list with a title, description, and due date.

- **View Todos**: See all your tasks at a glance, with options to edit or delete them.

- **Update Todo**: Modify existing tasks easily.

- **Delete Todo**: Remove tasks that are no longer needed.

## Tech Stack

- **React**: A JavaScript library for building user interfaces.

- **Redux Toolkit**: The official, recommended way to write Redux logic.

- **Tailwind CSS**: A utility-first CSS framework for rapid UI development.

- **Flowbite React**: Beautifully designed React components based on Tailwind CSS.

## Getting Started

### Prerequisites

Make sure you have the following installed:

- Node.js

- npm (Node Package Manager)

### Installation

1. Clone the repository:

    ```bash

    git clone https://github.com/your-username/todo-app.git

    ```

2. Navigate to the project directory:

    ```bash

    cd todo-app

    ```

3. Install dependencies:

    ```bash

    npm install

    ```

### Running the App

1. Start the development server:

    ```bash

    npm start

    ```

2. Open your browser and go to `http://localhost:3000`.

## Project Structure

```plaintext

├── public

│   ├── index.html

│   └── ...

├── src

│   ├── components

│   │   ├── ui

│   │   │   ├── label.jsx

│   │   │   ├── input.jsx

│   │   │   ├── typewriter-effect.jsx

│   │   │   ├── moving-border.jsx

│   │   │   └── ...

│   ├── data

│   │   └── data.js

│   ├── pages

│   │   ├── HomePage.jsx

│   │   ├── CreateTodo.jsx

│   │   ├── EditDelTodo.jsx

│   │   ├── UpdateTodo.jsx

│   │   └── ...

│   ├── redux

│   │   ├── store.js

│   │   ├── todo

│   │   │   └── todoSlice.js

│   │   └── ...

│   ├── utils

│   │   └── cn.js

│   ├── App.js

│   ├── index.js

│   └── ...

└── package.json