React Task-App + Vite

"A simple Task App built using React.js, React-DOM, Styled-Components, React Icons, UUID and Vite. Task app that allows users to add/remove tasks from a list and allows to check and edit completed ones.

Table of Contents

• Demo
• Features
• Installation
• Usage
• Build
• Technologies
• Contributing
• Authors

Demo

task.mp4.mp4

Features

• Add, edit, and delete tasks.
• Mark tasks as completed.
• Filter tasks by priority.
• Generate unique IDs for each task using UUID.

Installation

1. Clone the repository:

git clone https://github.com/emektarkubra/task-app.git
cd task-app

2. Install dependencies:

npm install

Usage

Run the app locally:

npm run dev

The app will be accessible at http://localhost:3000.

Build

Create a production build:

npm run build

Technologies

• Vite: A fast and minimalistic development build tool.
• React.js: A JavaScript library for building user interfaces.
• React-DOM: Provides DOM-specific methods that can be used at the top level of a web app to enable an efficient way of managing DOM elements.
• Styled-Components: A CSS-in-JS library for styling React components.
• React Icons: A library of popular icon packs for React.
• UUID: A library for generating unique IDs.

Contributing

Contributions are welcome! If you find any issues or have suggestions for improvements, feel free to open an issue or create a pull request.

Authors

Kübra Emektar

Github : @github Linkedln : Linkedln

Show your support

Give a ⭐️ if you like this project!

---

"Code is like humor. When you have to explain it, it’s bad." - Cory House

---