{"id":15173337,"url":"https://github.com/vladimirvolvakov/hotel-react-app","last_synced_at":"2026-01-25T20:44:20.584Z","repository":{"id":211491791,"uuid":"727883038","full_name":"VladimirVolvakov/hotel-react-app","owner":"VladimirVolvakov","description":"A React app for hotel employees to manage offered by hotel wood cabins for rest and interact with bookings.","archived":false,"fork":false,"pushed_at":"2024-02-05T13:37:41.000Z","size":2493,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-20T09:16:48.285Z","etag":null,"topics":["date-fns","react","react-dom","react-hook-form","react-hot-toast","react-icons","react-router-dom","reactjs","recharts","recharts-library","styled-components","supabase","supabase-auth","supabase-js","tanstack-query","tanstack-react-query"],"latest_commit_sha":null,"homepage":"https://hotel-react-app-lemon.vercel.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/VladimirVolvakov.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-12-05T19:15:58.000Z","updated_at":"2024-02-05T11:04:58.000Z","dependencies_parsed_at":"2024-01-04T10:34:55.902Z","dependency_job_id":"7d278d65-dbf9-4474-a2ac-3293106d2f03","html_url":"https://github.com/VladimirVolvakov/hotel-react-app","commit_stats":{"total_commits":71,"total_committers":2,"mean_commits":35.5,"dds":"0.014084507042253502","last_synced_commit":"8a20685f5af43c5901a6b5fadd99cb5b9baece09"},"previous_names":["vladimirvolvakov/hotel-react-app"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VladimirVolvakov%2Fhotel-react-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VladimirVolvakov%2Fhotel-react-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VladimirVolvakov%2Fhotel-react-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VladimirVolvakov%2Fhotel-react-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/VladimirVolvakov","download_url":"https://codeload.github.com/VladimirVolvakov/hotel-react-app/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239808534,"owners_count":19700454,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["date-fns","react","react-dom","react-hook-form","react-hot-toast","react-icons","react-router-dom","reactjs","recharts","recharts-library","styled-components","supabase","supabase-auth","supabase-js","tanstack-query","tanstack-react-query"],"created_at":"2024-09-27T11:00:35.778Z","updated_at":"2026-01-25T20:44:20.530Z","avatar_url":"https://github.com/VladimirVolvakov.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## **General project information**\nThis is a React app for employees of The Wild Oasis Hotel. App allows users to manage offered by hotel wood cabins for rest and interact with guests' bookings. App was created with Vite build tool. Data is stored at the Supabase DB.\n\n## **Link**\nApp is deployed at: [https://wild-oasis-hotel-app.vercel.app/](https://wild-oasis-hotel-app.vercel.app/)\n\n## **Screenshots**\n\n### **Login page**\nWhen you first visit this app you'll see a login form. If you want to try using this app, you need to enter:\n\n**email - guest@gmail.com**\n\n**password - guest**\n\n![User auth page](https://github.com/VladimirVolvakov/hotel-react-app/assets/61667595/d5f19319-4eea-4a9a-a4ae-2e2d6168b2f7)\n\n### **Home page / Dashboard**\nAfter you successfully logged in, you'd be redirected to the home page of the app. It contains bookings stats (bookings \u0026 check-ins quantity, total sales income \u0026 occupancy rate). You can choose a desired period for stats observation (last 7 / 30 / 90 days). There is also 'Today' section where you can observe today's check-ins \u0026 check-outs. In the 'Stay duration summary' and 'Sales' sections you can see visual representation of stats.\n\nButton 'Upload bookings ONLY' on the sidebar will help you to generate sample bookings data if actual data would become outdated.\n\n![Dashboard page](https://github.com/VladimirVolvakov/hotel-react-app/assets/61667595/7a232020-a079-4595-bb20-2d0326733919)\n\n### **Bookings page**\nHere you will get all information about bookings. All bookings can be sorted by status and date. If you press menu button (on the right side of booking) you will see action options possible to do with this booking.\n\n![Bookings page](https://github.com/VladimirVolvakov/hotel-react-app/assets/61667595/d0d046bc-dff7-4e42-9d35-4e86e2ea44b3)\n\n### **Booking Details page**\nIf you select 'Details' option after pressing menu button you'll get more detailed information about booking. Also there are some options to do with current booking ('Check Out' / 'Delete'). Also if the guest ordered cabin without paying for breakfast there is possibility to order and pay for it in situ.\n\n![BookingDetails page](https://github.com/VladimirVolvakov/hotel-react-app/assets/61667595/8ace6e97-9425-4da5-87b0-0671bb926bb4)\n\n### **Cabins page**\nOn this page you can find info about all hotel cabins, their current price and discounts.\n\n![Cabins page](https://github.com/VladimirVolvakov/hotel-react-app/assets/61667595/9c65b66a-752a-4a1d-bbb2-3f896f359325)\n\n### **Users page**\nIn order to prevent registration of strangers (persons who do not work in The Wild Oasis Hotel) in the app is implemented feature when a new user can be signed up only from account of already existing user.\n\n![CreateNewUser page](https://github.com/VladimirVolvakov/hotel-react-app/assets/61667595/b785247e-b30d-4c81-92f4-f642e1b367ef)\n\n### **Update Account page**\nUser can update his displayed name \u0026 password and load avatar image. For that it is necessary to click user icon in the app header and update data.\n\n![AccountUpdate page](https://github.com/VladimirVolvakov/hotel-react-app/assets/61667595/a6e6dcea-f83b-4904-adac-23f40ac520a5)\n\n### **Settings page**\nHotel settings could be changed on the Settings page in a very simple way - you change some value and click outside the input field.\n\n![Settings page](https://github.com/VladimirVolvakov/hotel-react-app/assets/61667595/7ff13e89-1899-49a9-b5da-9ef753c8f060)\n\n### **Light / Dark mode**\nDesign of app has light and dark mode. Mode can be toggled by clicking appropriate icon in the app header.\n\n![DarkMode](https://github.com/VladimirVolvakov/hotel-react-app/assets/61667595/e2a67dc9-90c4-477d-bc02-893547fa99f6).\n\n## **Design**\nApp design was created by brilliant educator [Jonas Schmedtmann](https://github.com/jonasschmedtmann) for his course [\"The Ultimate React Course 2023: React, Redux \u0026 More\"](https://www.udemy.com/course/the-ultimate-react-course/).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvladimirvolvakov%2Fhotel-react-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvladimirvolvakov%2Fhotel-react-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvladimirvolvakov%2Fhotel-react-app/lists"}