Group Management Website

Back-End Application

• Implemented REST API using Django REST Framework. Learnt best practices of REST API endpoint for each resources. Returning data in form of JSON
• Created a detailed documentation on the API usage. This allows front-end applications to be built faster
• Utilizes JWT authentication to secure the API
• Configured custom permission for different resources
• Configured PostgreSQL for database

Front-End Application

• Uses React JS to build the project, including the use of create-react-app to start the project
• Asynchronous fetching to via axios library
• Utilizes React-Bootstrap library to create responsive website for different screen sizes
• React Hooks to maintain states in functional components

Websites Deployment

• Using NGINX webserver for handling proxy pass
• Utilized Docker container and docker-compose to ease deployment
• Digital Ocean Droplet as the server. Learnt about SSH for deployment purpose.
• Purchased and configured the DNS of the website.

Android App

• Utilizes Android Studio to build the project
• Learnt Model-View-ViewModel (MVVM) design pattern for better separation of concern with Repositories fetching data from API and communicating to the View layer through Android LiveData
• Android Volley to execute API calls and handling API exceptions
• Utilized built in Android components such as Toolbar and BottomNavigationBar for navigating different fragments of the app

Using Group Management Website

In case the PDF above doesn't show, you can access the slides here