https://github.com/mnjccl/-react--wild-oasis
https://github.com/mnjccl/-react--wild-oasis
dark-mode re-charts react-error-boundary react-hook-form react-hot-toast react-query react-router styled-components supabase typescript vite
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/mnjccl/-react--wild-oasis
- Owner: mnjccl
- Created: 2024-10-31T14:05:24.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-11-30T15:22:41.000Z (about 1 year ago)
- Last Synced: 2025-01-30T12:47:12.005Z (about 1 year ago)
- Topics: dark-mode, re-charts, react-error-boundary, react-hook-form, react-hot-toast, react-query, react-router, styled-components, supabase, typescript, vite
- Language: TypeScript
- Homepage: https://wild-oasis-sand.vercel.app
- Size: 2.13 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
LIVE DEMO HERE: https://wild-oasis-sand.vercel.app/
Wild Oasis is hotel management application designed specifically for hotel staff. The app provides employees with tools to manage bookings, check-ins, check-outs and monitor occupancy rates. Only authorized hotel employees have access to the app and create other users. App is built using React and libraries like React Query, React Error Boundary, React Hook Form, React Hot Toast, React Icons, React Router and ReCharts. Styling is handled using styled-components library and backend is powered by Supabase. PLEASE REUPLOAD DATA BEFORE USING APP.
# React + TypeScript + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
## Expanding the ESLint configuration
If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
- Configure the top-level `parserOptions` property like this:
```js
parserOptions: {
ecmaVersion: 'latest',
sourceType: 'module',
project: ['./tsconfig.json', './tsconfig.node.json'],
tsconfigRootDir: __dirname,
},
```
- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list