Inspired from the Outer Wilds video game (2020), developed by Mobius Digital and published by Annapurna Interactive

A Front End Project

  • The information declared in the website is not an official statement, it is only imaginary and unrelated towards the official Outer Wilds video game universe
  • Sketches and illustrations on the website belongs to Sebastian Kings
  • Images from the game are taken from the Outer Wilds video game
A glimpse of the project
Slide 0
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Tech Stack for the Project
TypeScript logo
TypeScript
Tailwind CSS logo
Tailwind CSS
Next.js logo
Next.js

Notable Mention

  • The team members data was stored in a dummy API by deploying a JSON Server to Vercel, and called as API data

Developed with back end and front end by using Java and TypeScript, respectively. Mainly inspired by Airbnb.

A Full Stack Project (Back End and Front End)

  • The project was made by Irfan and Yosef, with each having their own features and tasks
  • Irfan worked on the back end and front end, focusing on the following features:
    • The flow of transaction process entirely, whether manual or automatic
    • The room reservation by guest, and reservation management by tenant
    • The review from guest and response by the tenant
    • The report, analytics, and graphs on the dashboard page
    • The calendar room availability on the dashboard page
  • Agile methodology with Jira as the platform was used in the process to maintain the flow of development
  • The website is for preview only, all the property inside it are dummy data, and do not make any real transaction inside the website
A glimpse of the project
Slide 0
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Slide 6
Slide 7
Slide 8
Slide 9
Slide 10
Tech Stack for the Project
Java logo
Java
Spring Boot logo
Spring Boot
PostgreSQL logo
PostgreSQL
Supabase logo
Supabase
Redis logo
Redis
Midtrans logo
Midtrans
TypeScript logo
TypeScript
Tailwind CSS logo
Tailwind CSS
Next.js logo
Next.js

Notable Mention

  • Redis was used to store and blacklist expired JWT, or blacklisting
  • Midtrans was used for the automatic payment system
  • Google SMTP was used to deliver automatic email when a certain function is executed
  • React Query was utilized as server state management and with the assistance of Axios