Skip to content

UgurcanSARICI/react-task-tracker

Repository files navigation

Project : Task Tracker App

Table of contents

The challenge

Project aims to create a Task Tracker App with React and Tailwindcss.

Problem Statement

  • Develop a task tracking app where you can enter a new task, strikethrough and delete completed tasks

Project Skeleton

Task Tracker App  (folder)
|
|----readme.md         
│ 
├── public
│     └── index.html
├── src
│    ├── components
│    │       │--AddTask.jsx
│    │       │--Header.jsx
│    │       │--Layout.jsx
│    │       │--Task.jsx
│    │       │--index.js
│    ├── App.js
│    ├── index.js
│    └── index.css
├── package.json
└── yarn.lock

Screenshot

gif

Links


Check The Live Website ➡️ Live Website

Built with

  • Components

  • useState

  • useEffect

  • import/export

  • Props

  • React Developer Tool

  • Destructuring props

  • array map method

Notes

  • You can use HTML,CSS ,JAVASCRIPT and REACT to complete this project.

Useful resources

⌛ Happy Coding ✍