Daily Taks , Show me Demo, please

✨ Quick link

• About Daily Task application
• Folder Structure
• Design
• Technology used
• Running Instruction
• Demo

✨ About Daily Task

Daily Task is a full-stack web application that allows users to manage and organize their respective duties and steps. This application helps to stay focused and productive.

✨ Application Features

• Create task
• Read task
• Delete task
• Edit Task
• Make task complete
• Login user
• Register user
• Store task on database
• Retrieve Task from database
• Task CRUD

Nice to have

• Change Firstname / Username / Password functionality.
• Store profile picture functionality.
  

✨ Folder Structure and layout

.
├── package-lock.json
├── package.json
├── postcss.config.js
├── tailwind.config.js
├── public
├── src
│   ├── assets
│   ├── components
│   │   ├── custom_button
│   │   ├── custom_icon
│   │   ├── error
│   │   ├── header
│   │   ├── heading
│   │   ├── input
│   │   ├── loading
│   │   ├── page_not_found
│   │   ├── page_wrapper
│   │   ├── task
│   │   ├── task_container
│   │   ├── text
│   │   └── text_area
│   ├── pages
│   │   ├── add_task_page
│   │   ├── detail
│   │   ├── edit
│   │   ├── home
│   │   ├── login
│   │   ├── not_found
│   │   └── register
│   ├── provider
│   │   ├── message
│   │   ├── task
│   │   └── user
│   ├── router
│   ├── utils
│   ├── App.js
│   ├── App.test.js
│   ├── index.css
│   └── index.js
└── UI Design
    ├──	daily task logo.png
    └── sample ui design.xd

✨ Design

✨ Concept UI Design

✨ Final Result

✨ Mobile View

✨ Desktop View

✨ Technology Used

• HTML
• CSS & Tailwind CSS
• JS & React JS

✨ Running Instruction

1. Clone the repository

git clone https://github.com/Biruk-hub/DailyTask-Frontend.git

2. install npm modules and dependencies

npm install

3. Start the application

npm start

that's it 😉

✨ Backend api can be found here

✨ Demo

you want to see live demo click here

💝 Supporting me

⭐ if you like the project, please leave a star ⭐