Circula
This project comprises five University of Melbourne students. The objective of this project is to collaborate and communicate with a real-world client to develop a website called Circula.
The project aims to create an intuitive and user-friendly website that integrates various types of activities, enhances the student experience, and fosters a more active and connected campus community. The primary functions of the website include user login, registration, displaying all upcoming university and club events and opportunities on a map interface, creating events on the map, subscribing to event organizers/clubs, and allowing users to join events and sync them to their calendars.
My Contribution
- Designed and developed the website with my teammate and client
- Collaborated with my teammate and client to improve the website together
- Designed and developed the "Club detail" page
- Assisted the development of the "Main map" page
- Designed and implemented the responsive design
Technology and Skills involved
Next.js, React, JavaScript, TypeScript, CSS, HTML, Tailwind CSS
Figma, Google map API
AusReefTracker
Aus Reef Tracker is a web application that consists of interactive graphs that are connected to live coral reef data for users to monitor the coral reef situation in Australia.
User guide:
https://drive.google.com/file/d/16cuGhGWNYo9mD-rclUHQAzY9DSa93J0b/view?usp=sharing
My Contribution
- Designed the website structure with my teammates and collaborated with them to enhance the website
- Designed and developed the reflective data graph
- Assisted with data fetching and preprocessing
Technology and Skills involved
JavaScript, CSS, HTML, Boostrap, Material UI, Tableau
MySQL, NGINX, Flask, Python, Dockker, CI/CD
TaskPals
This is a simple widget designed to help remember tasks that need to be done. It was created during a two-day hackathon with the selected theme "Improve Daily Life Productivity."
My Contribution
- Designed the Widget
Technology and Skills involved
React, Tailwind CSS, Figma
Fencing
This is a simple JavaScript program that calculates the selected area on the map and stores it, making it easy to manage and view later.
My Contribution
- Designed and developed the website with my teammate together
Technology and Skills involved
JavaScript, CSS, HTML, Material Design Lite (MDL) Library
Google map API, JavaScript Core
Maze Game
Maze Game is a game where the user can use the arrow keys to move and escape from the maze. As the levels progress, the game becomes more challenging. It is implemented by basic JavaScript.
My Contribution
- Designed and developed the game with my teammate together
Technology and Skills involved
JavaScript, CSS, HTML, Material Design Lite (MDL) Library