Craftbench

• 

• 

  We created a custom auth to ensure users' security.

• 

  Each project can contribute to a community event of any size from a small friend group to global.

• 

  An intuitive user experience to get started with Craftbench.

• 

  It is easy to manage a project through the dashboard with tasks and subtasks.

Inspiration

Project based learning can help anyone develop a passion for learning and using their skills in the real world. This is why we love doing hackathons. However, from personal experience, we noticed that when most students hear about projects, they only think of it as another homework assignment. For this reason, we took initiative and decided to create Craftbench.

What it does

Craftbench is a project management platform that helps motivate users more than other existing tools. We achieve this through an interactive UI, gamification of tasks, secure workspaces, and a cooperative, community based platform.

How we built it

We built Craftbench with an influxion of both tried-and-true techniques, and ground-breaking technologies.

On the frontend, we wrote our markup and logic using VueJS, NuxtJS, and TypeScript to add robustness and stability to our codebase. This is built to a Single-Page Application hosted on Netlify, a very powerful platform for hosting modern JAMStack web applications.

On the backend, we run a small-footprint Flask-based REST API server. To store data, we utilized a modern, serverless-first Database as a Service, FaunaDB. Our server is hosted on a up-and-coming, little-known yet powerful platform, known as Deta.

Overall, we got to hone our skills, and learn something new at the same time. ThetaHacks was a great experience and all of us profited a lot from this hackathon.

Challenges we ran into

Our main challenge was our lack of knowledge in FQL and embedding FQL queries in our python API. We solved this by setting aside a day to learn more on fauna’s website so we could fully grasp. Another challenge we had was during Sunday night, when both the servers of both Deta and Fauna (our backend) were temporarily down. However, we were still able to overcome this obstacle by spending that time working on the frontend.

Accomplishments that we're proud of

We gained a lot of valuable knowledge about how to make several platforms work together, such as python and FQL. Most importantly, we are proud of creating a tool that will inspire people to learn and apply their knowledge.

What we learned

We learned how to use many technologies, such as FQL and Deta. We also learned how to combine a backend API with a front end website. Lastly, we learned how to use flask to create a rest API.

What's next for Craftbench

In the future, we plan on adding more features, such as timestamps to each project and its submission. We will also switch between technologies to try to get quicker responses from our backend API.

Built With

• deta
• faunadb
• flask
• fql
• javascript
• netlify
• nuxt
• python
• typescript
• vue.js