Product Development: A web application which focuses on connectivity and interactivity

Description

Javascript can be used to create a huge amount of applications, but without exchanging information with the external World, without talking to other applications and the users, an app would be letting go of some of the most powerful aspects of modern Web Development. 

The ability to connect to external APIs and authenticate users with third-party, for example, opens up an endless stream of possibilities, and that’s exactly what the students should explore in this Product Development Guide.

At the same time, creating such applications can be a challenge using only pure Javascript because of the amount of details to take care of. There are currently many tools, such as React, which help developers be much more productive when creating interactive interfaces. The students should make use of such tools during this work.

The group must produce a written description of a product (briefing) which fits in this Guide’s requirements, and proceed to develop that product. The product can be fictitious or real, meaning the beneficiary can be the students or an external institution. Some theme ideas are listed in this Guide but do not represent, by any means, subject boundaries. The students are encouraged to use their imagination and networking to find interesting project ideas to work on and exercise the web development skills related to this Guide.

Group arrangement

Students must assemble in groups of 3-4.

Minimum requirements

• Use Agile Development techniques (e.g. Scrum, Kanban, pair programming)
• Creation of an original design (i.e. created by the group)
  • The application must be responsive
• Creation of a Web Application, which should:
  • Make use of a framework that helps creating interactive interfaces such as React
  • Make use of multiple APIs (e.g. for authentication, persistence layer, computing, data fetching, etc)
  • Count on multiple interaction points
  • Count on data persistence
• Final product must be available online (no need for a paid domain)
• A battery of user tests must be executed to ensure good UX

Deliverables

• Link to project briefing
• Link to design files for all pages (include responsiveness)
• Link to style guide
• Link to User Experience tests report
• Link to repository containing the project’s code
• Link to access the project online
• Group presentation about final result

Theme ideas

• Tinder for cats 🤣
• An app that makes use of Computer Vision API to control something, like playing a game
• An app to help people identify a possible cause for their health condition
• Visualization of the countries’ exports / Some data visualization app
• An app that makes use of Augmented Reality
• An online museum
• A job board
• A trip planner
• A book organizer
• An app to show details of how and where a product was manufactured (e.g. that coffee bag)
• AI Chatbot