Inspiration

I had a couple of daunting tasks ahead of me, and I was trying to break these down into more manageable chunks. I thought that this process was a bit like creating a tree, starting at a root and adding more and more nodes, so I decided to program it.

What it does

This site allows you to build a tree of tasks, by adding children to any of the nodes. It also allows you to create nodes, and the parent they relate to which other users can then use.

For example, user A might create node N, and add node M, created by user B, as a parent. User B can then see node N when they click on node M, and decide it would be an important thing to include in their tree, and so they can add it.

How we built it

This project was built using React on the frontend, and Django Rest Framework on the backend. It is hosted on a public repository on GitHub, and the coding was done using Visual Studio Code.

Challenges we ran into

Although I have learned about React in the past, and done tutorials, I had never built anything on my own with the software. At first it was very challenging to get to grips with components, and state, and it took me a while to wrap my head around how everything would come together.

Accomplishments that we're proud of

I'm really proud of how the website looks. I'm also pleased with how the functionality turned out, and that I now feel much more comfortable with React.

What we learned

I have massively improved my understanding of React via this project, especially how many really cool libraries for React there are. I have also learned more about building a project from start to finish and condensing my ideas into a realistic project.

What's next for paths-to-productivity

This site definitely has a lot more to go. If I had more time I would have liked to make it so that users can login and create accounts where they could store their trees, as this would make it much more useful from a user perspective.

Share this project:

Updates