Skip to content

tsm13/the-wild-oasis-website

Repository files navigation

The Wild Oasis

Dashboard

🇬🇧 Client side to the The Wild Oasis management app. This is a fullstack web application built with Next.js and supabase. It follows the design of the final project for Jonas Schmedtmann's Ultimate React Course.

🇧🇷 Lado do cliente do app de gerenciamento hoteleiro The Wild Oasis. Aplicação web fullstack feita com Next.js e supabase. Projeto final do curso Ultimate React Course, de Jonas Schmedtmann.

Live Demo

Available here

Features

  • Account creation is easily done through integration with a Google account.
  • Once an account is created, logged in users can reserve a cabin on the date of their choice, through an intuitive mini-calendar.
  • Users can add their information (country and ID number) and edit the number of guests and observation notes even after the reserve was placed.

Dashboard

Dashboard

Dashboard

Tools and technical concepts

  • Next.JS: App Router
  • Authorization: built with NextAuth.js
  • Supabase
  • TailwindCSS
  • Typescript

Key concepts learned through this project:

  • Server Side Rendering with React: How Server Components differ from Client Components, and how to use Server Actions
  • The differences between Static and Dynamic rendering