Introduction

---

This is a productivity meeting website that uses the agora SDK with DjangoREST as the backend and React.js as the frontend

Project Demo

---

Click here to see a quick vimeo video where we use the website and here to see the figma design

• Header
• Footer
• Signup
• Login
• Dashboard
• Call

How we acheived maximum productivity whilst in a video call

---

Our approach were these questions,

• how do we make meetings productive?
• what exactly is productive?
• and how do we increase productivity?
  we came to two conclusions regarding this matter, productive meetings arent necessarily long and productive meetings go straight to the point., so having this in mind we began searching for how to reduce the time our users spend in those meetings while addressing only the keypoints and this article helped us map out exactly how to do that. We designed our website with the objective of segmenting meetings in bullet points (Milestones as we call it), which represent goals our users want to acheive in a meeting.

Key features of our website

---

• We help our clients by seperating each major talking point of their meetings into milestones.
• Each milestone will have a duration and a total max-time increment in case the milestone took longer to accomplish
• Our user will provide more detailed information about a milestone e.g. Team's budget allocation, which will be sent to the others involved as a sort of breif, e.g
  
  Cick here to see the PDF

- Host is able to alter meeting details from his dashboard at any time

Resources

---

• Here is a video demo
• Figma: We used this to make our mockup design with the low and high fidelity mockups and a case study, Here is a link to view it
• Figjam: We used this to make our user flowchart, cick here to view it
• React.js: We used this as our Frontend framework.
• DjangoREST Framework: We used this as our backend API with an SQLite3 Database to support it
• Lucid Charts: We used this to make a visualization on how our Databases relate with each other, Here is a link to view it
• PostMan: We used this to test our Backend API, Here is a link to the Postman website
• Click Here to see a pdf sample of our meeting brief
• Click Here to check our general overview case study

Difficulties we Faced

---

Here are some of the difficulties me and my team faced in this project:

• Frontend: our frontend developer had issues with dynamically rendering react components, he said creating reusable components and keeping track of state gave him quite a bit of a headache for some time.
• Design: our designer had some issues coming up with an initial sketch for the website, he found it hard to come up with a frame for the meeting page and the dashboard.
• Backend: At the backend the major issue i faced was understanding and mapping out the api endpoints my front end developer needs and making sure it delivers an accurate and easy to understand response whilst making sure we made the least amount of api calls to the backend as we can.
• Integrating the Agora SDK: Customizing how our video streams will look like gave us quite a headache that we had to skip it.
• Issues i faced as Project Manager: The main problem i faced at first was co-ordinating the team so that we do everything at sync and everyone knows what others ar currently working on but overtime as i got more familiar with my team it became alot easy.