https://github.com/al-rasels/the-wild-oasis-react-js-app
It is a great react js project on complex component and logics.
https://github.com/al-rasels/the-wild-oasis-react-js-app
authentication authorization complex-components others react-query react-router reactjs redux-toolkit supabase
Last synced: 2 months ago
JSON representation
It is a great react js project on complex component and logics.
- Host: GitHub
- URL: https://github.com/al-rasels/the-wild-oasis-react-js-app
- Owner: al-rasels
- Created: 2024-04-06T10:01:32.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2025-04-02T13:21:03.000Z (about 1 year ago)
- Last Synced: 2025-10-05T10:39:15.800Z (9 months ago)
- Topics: authentication, authorization, complex-components, others, react-query, react-router, reactjs, redux-toolkit, supabase
- Language: JavaScript
- Homepage: https://thewildoasis-rasseldev.netlify.app
- Size: 2.17 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🏨 The Wild Oasis - Hotel Management App
This is a **hotel management application** developed as part of my **React.js training project** from JSC's Ultimate React Course. It provides features for managing hotel bookings, guests, and rooms efficiently.
## ✨ Features
- 📌 **User Authentication** (Supabase-based)
- 🏠 **Room & Booking Management**
- 👤 **Guest Information Handling**
- 📊 **Real-time Data Fetching** (React Query)
- 🎨 **Styled Components for UI**
- 🔍 **Optimized for Performance & UX**
## 🛠️ Technologies Used
- **React.js** (Frontend)
- **Styled Components** (UI Styling)
- **React Query** (State & Data Management)
- **Supabase** (Backend & Database)
## 🚀 Live Demo & Testing
To test the interface, log in with:
- **Email:** `test@test.com`
- **Password:** `12345678`
## 📥 Installation & Setup
1. Clone the repository:
```bash
git clone https://github.com/al-rasels/the-wild-oasis-react-js-app.git
```
2. Navigate to the project directory:
```bash
cd the-wild-oasis-react-js-app
```
3. Install dependencies:
```bash
npm install
```
4. Start the development server:
```bash
npm start
```
## 📜 License
This project is for learning purposes. Feel free to explore and modify!