Skip to content

tsm13/the-wild-oasis-management

Repository files navigation

The Wild Oasis

Dashboard

🇬🇧 Fullstack (React + supabase) hotel management application. Project built following the design by Jonas Schmedtmann, as part of his Ultimate React Course.

🇧🇷 Projeto de gerenciamento hoteleiro fullstack (React + supabase). Parte do curso Ultimate React Course, de Jonas Schmedtmann.

Live Demo

Here on Netlify

Features

  • Authentication: for the hotel staff
  • Bookings table: including options to filter by status, and sort by date or cabin price
  • Intuitive dashboard
  • Dark Mode option
  • Check-in/Check-out guests: straight from the dashboard or through each detailed booking page
  • Cabin management: add, edit and delete cabins
  • User creation (only by logged in users)
  • Settings: option to easily change hotel settings

Dashboard

Dashboard

Dashboard

Dashboard

Tools and technical concepts

  • Compound Components: For the creation of highly reusable components such as tables and modals
  • Custom React Hooks: For fetching data with React Query
  • Error Boundary
  • React Hook Form
  • React Router
  • React Query
  • Recharts
  • Supabase
  • Styled Components
  • Typescript

Notes

Optimized for mobile: No.

🇬🇧 A pre-created user is available for demo purposes. The "Demo Data" button uploads dummy booking data to the database, which will be fetched by the dashboard after it's reloaded.

If you face issues logging in with an "error while fetching resources" message, it might be that the database was paused due to inactivity. If that happens, the app will become unusable until I reactivate the database.

🇧🇷 Usuário de teste já disponível para fins de demonstração. O botão "Demo Data" faz upload de dados mockados para a database, os quais serão atualizados na dashboard após um refresh ou troca de página.

Se o site retornar a mensagem "error while fetching resources" durante tentativa de login, pode ser que a database tenha sido pausada por inatividade, não sendo possível acessar os dados a não ser que eu a reative.

About

Fullstack hotel management app built with Typescript React and Supabase

Topics

Resources

Stars

Watchers

Forks