WorkTracker

• 

  User Dashboard

• 

  Navigation

Inspiration

I often push my projects to the very last date. My work was often messy and not readable due to procrastination. So I aimed to find a way to slow, and maybe even stop the process of procrastination.

What it does

WorkTracker is an all-in-one assignment manager, that allows users to create tasks, assignments, and homework of different levels of urgency and track these assignments over a few days until the due date. Users can also mark assignments complete with ease and view completed tasks all through their site dashboard, with links to assignments, subjects, and completion rates.

How we built it

I built this project using a frontend of ReactJS along with TailwindCSS for styling with ease and a backend consisting of an express.js server written with node.js. Using routes created in the backend, the front end connected with the backend and useful information with ease. The front end was structured with Vite + React so follow the steps from them to start the client. To start the server, a simple npm start is required.

Challenges we ran into

During this project, I ran into many different problems. Since the complexity of the files sometimes made it hard to read them, errors were pretty difficult to track down, and took a bit of time to think through and debug. Forgetting a couple of letters was the hardest because they were hard to catch.

Accomplishments that we're proud of

I am proud of the amount of work I got done even while working solo. It took a lot of effort but I managed to make one of my best sites and I'm very proud of it.

What we learned

During this project, I learned many new things. For example, I learned how to stay on task and finish the project before the deadline as that was an important aspect of judging. I also learned how to prepare for a presentation.

What's next for WorkTracker

WorkTracker has a very large future, which makes it a great project. Later on when I learn about more advanced techniques sucks as sockets, which I already know, but not enough to make a full project, I can connect other users with someone and they can form classrooms, study groups, and other interesting ways of collaboration.

Built With

• axios
• coolors.co
• express.js
• js-cookie
• jsx
• node.js
• react
• sqlite
• tailwindcss