← All projects/5 - Growing complexity/A Complex Web Application

Product Development: A Complex Web Application

Competences

  • To be ready to collaborate effectively with peers in order to achieve a common goal
  • To be ready to learn and apply new technologies independently
  • To be ready to exhibit the results of a collaborative work
  • To be ready to create and deliver professional-grade web applications
  • Coming up
  • Coming up

Description

In this Product Development Guide the students will create a complex Complex Web Application. it should be a platform for multiple users, potentially thousands, to consume a service that brings value to them, and that allows them to share relevant information, while having their data kept in a secure way. They should do so while being able to use a great UI/UX strategy which supports the functionalities.

Creating such an application from scratch is no easy task. Therefore, tools such as frameworks must be used to develop the final product which, by the way, does not have to live in the browser. Tools such React Native, Electron, Arduino, Gastby and Next.js can and should be incorporated into the workflow, as needed.

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 complex and efficient applications such as React, GastbyJS, Next.js, React Native and Electron
    • Allow for account creation (authentication)
    • Persist (and secure) users’ data
    • Allow for sharing relevant information
  • Final product must be available online (no need for a paid domain)

 

Deliverables

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

 

Theme ideas

  • An e-commerce platform
  • A social media platform
  • A trade platform
  • A long-term flat rental platform for Reykjavík
  • A system to improve citizens’ collaboration with the City Hall