Project : Task Tracker

Table of contents

• The challenge
• Screenshot
• Built with
• Lesson Learned
• Useful resources

The challenge

Project aims to create both frontend and backend of a task tracker app.

Problem Statement

• Develop an api with Django which allows frontend to make CRUD operations. Also develop a frontend with React which interacts with Django backend.

---

Screenshot

Project Information

• Task tracker App's backend is coded with Django,
• Task tracker App's frontend is coded with React ,
• Users can do all CRUD operations,
• Tasks are ordered by deadline (in the backend),
• If task's dealine has passed or is within 2 days, user gets a visual warning,
• For styling, Tailwind CSS was used.

---

I used;

• Django
• Django rest framework
• Django-rest-auth
• React
• Tailwind CSS
• Fetch Method (for all CRUD operations)
• Python anywhere

Lesson Learned

• Converting between django - javascript datetime and local - UTC datetime was challenging. I've used react-datetime-picker in order to convert datetime structure. And had to write some javascript code. I'm not sure if I've used the best practice. So I will try to find out what kind of approach do professionals use.

Useful resources

• W3 Schoold
• MDN
• REACT
• DJANGO
• DJANGO REST FRAMEWORK
• DJANGO REST AUTH
• PYTHON ANYWHERE
• TAILWIND CSS

⌛ Happy Coding ✍