#Appwrite #AppwriteHackathon #Hashnode
Team details
- Ajay - Ajay Kumar
Description of the project
The TaskTracker project is a task management app designed for project organization and enhance productivity. With TaskTracker, users can track the progress of their tasks, categorize them, and break them down into smaller subtasks.
The followings are the key features of the TaskTracker:
Task progress tracking
Task manipulation
Task categorization
Subtask breakdown
Label tasks by priority
Filter tasks by Due date
Overview
On the home page, the TaskTracker app has a side drawer, which contains some filtering options and projects. The main content of the page is a list of tasks.
Subtasks list:
Each task has a down arrow icon, on clicking this a list of subtasks has been opened and on the right side, a few options for updating the project name, due date and task priority.
Tech Stack
ReactJS: It is a JavaScript library for building user interfaces.
Material UI is a UI component library based on Google's Material Design principles.
Vite: Vite is a build tool that offers fast development server startup and optimized build times.
Vercel: It is a hosting service that makes deployment easy and seamless.
Appwrite: It is an open-source backend server. It offers a variety of services, but for my project, I have used the following services.
Authentication: This allows a user to authenticate with the app.
Database: This stores the app data in the form of collections and documents.
Storage: This is used to store the files uploaded by the users like images and videos, pdfs and many more.
Challenge I faced
During the development of the TaskTracker project, I encountered several challenges, particularly with integrating Material-UI (Mui) and Appwrite. These technologies were new to me, and I had to overcome various obstacles to successfully implement them into the project.
Working with Material-UI (Mui)
As someone who had not previously worked with Material-UI, I faced a learning curve while incorporating its components and styling into my project. To tackle this challenge, I extensively relied on the official Material-UI documentation, which provided detailed explanations, examples, and usage guidelines. Additionally, I explored online resources, such as tutorials and YouTube videos,
Integrating Appwrite
Integrating Appwrite into my project was another significant challenge. As a newcomer to Appwrite, I initially found its concepts and functionalities complex and overwhelming. To overcome this challenge, I dedicated time to thoroughly study the Appwrite documentation, going through it multiple times to grasp its core concepts and usage patterns. Gradually, I gained confidence in utilizing Appwrite's powerful capabilities and successfully implemented features such as user authentication, data management, and file uploads in TaskTracker.
Despite the challenges faced, I consider the learning process with Material-UI and Appwrite a valuable experience.
Public code repo
You can access the code for the TaskTracker app at the following link: GitHub
Demo link
To see the live demo of the TaskTracker, you can visit the following link: TaskTracker