Whiteboard

• 

  Home Screen

• 

  Calendar Task View

• 

  Create Task View

Inspiration

Many applications on the market do not allow for an easy and intuitive interface that also allows for cross-collaboration between team members. More specifically, there is not an easy way to share and edit tasks and descriptions between groups while still displaying on a calendar view.

What it does

Once registered, users will have the ability to create, edit and delete tasks with the added functionality of being able to add group members to the task. Once this is done, group members will have access to view and edit the task as well as view the groups they are a part of.

How we built it

This project was built using the NuxtJS/Vue framework which abstracts and extends the functionality of Javascript and the DOM model. With these frameworks, this Progressive Web App (PWA) makes it trivial to extend cross-platform compatibility.

To simplify the design process, the backend is also written in NodeJS which offers intuitive ways to handle our asynchronous routing design style and API calls to our database MongoDB.

Challenges we ran into

Along the way, we ran into a few troubles when trying to create an intuitive UI/UX while still maintaining its responsiveness. We had numerous people attempt to use our application to ensure its design was easy to understand and we abstracted away many of the asynchronous loading aspects of the application in exchange for a snappy experience.

Accomplishments that we're proud of

We are proud of the quick work we completed in such a short amount of time. This is our first time doing something like this and we believe that it could not have gone much better for us.

What we learned

This project really took us outside our comfort zone working with frameworks and design styles that are not typically taught in University and we feel like we are sufficiently adept now in Javascript, Vue, NodeJs, and SQL/NoSQL.

What's next for Whiteboard

In the coming weeks, we plan to continue to polishing the UI/UX while employing more cyber resilient practices in the event that a user has malicious intent for our application. Furthermore, we plan to add more features such as live edits and more calendar actions to place more of an emphasis on the collaborative nature of our application.

Built With

• javascript
• mongodb
• node.js
• nuxtjs
• vue