Technologies

Because this is a frontend repo, this page will only explain technologies involved in frontend development.

For a backend development technology, please visit this page: [SOFTENG701 Team 5 Backend Wiki]

---

Our application uses React framework with JavaScript. This allows component-based website development to be possible with the website constituted of modularized components. Also, various features of React allows a more sophisticated development of website to be possible. For example, a state management inside website for any stateful informations and cross-component state variable management was possible with React's State and Context APIs.

For UI, we have used a popular and widely-used UI library of MUI. This allowed easy generation of aesthetic components that provide wide range of features that are critically used throughout the website. An exmaple of this is Card component used in the "Popular Communities" tab. With MUI, we were able to easily create a dedicated card component that provides a easy inner component set up alongside a discrete looking design for each card elements.

For navigation between pages, React Router was used. This allowed easy navigation management with being able to display different page components according to the appropriate link and easy navigation between pages by clicking on elements of the website has been achieved.