{"id":19986225,"url":"https://github.com/simandrew/the-wild-oasis-nextjs","last_synced_at":"2026-05-05T00:32:03.718Z","repository":{"id":241360865,"uuid":"806637703","full_name":"SimAndrew/the-wild-oasis-nextjs","owner":"SimAndrew","description":"The Wild Oasis hotel management app","archived":false,"fork":false,"pushed_at":"2024-06-20T19:14:23.000Z","size":9237,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-01T20:35:35.661Z","etag":null,"topics":["next-js","supabase","tailwind-css"],"latest_commit_sha":null,"homepage":"https://the-wild-oasis-app-nextjs.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/SimAndrew.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":"2024-05-27T15:26:53.000Z","updated_at":"2024-07-11T22:57:08.000Z","dependencies_parsed_at":"2024-06-21T02:44:41.358Z","dependency_job_id":"fbdd988e-b820-4190-8bac-c6b253e3a62c","html_url":"https://github.com/SimAndrew/the-wild-oasis-nextjs","commit_stats":null,"previous_names":["simandrew/the-wild-oasis-nextjs"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/SimAndrew/the-wild-oasis-nextjs","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SimAndrew%2Fthe-wild-oasis-nextjs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SimAndrew%2Fthe-wild-oasis-nextjs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SimAndrew%2Fthe-wild-oasis-nextjs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SimAndrew%2Fthe-wild-oasis-nextjs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SimAndrew","download_url":"https://codeload.github.com/SimAndrew/the-wild-oasis-nextjs/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SimAndrew%2Fthe-wild-oasis-nextjs/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263636811,"owners_count":23492308,"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":["next-js","supabase","tailwind-css"],"created_at":"2024-11-13T04:28:32.181Z","updated_at":"2026-05-05T00:32:03.672Z","avatar_url":"https://github.com/SimAndrew.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## The Wild Oasis NextJS\n\n[Application use App Router](https://nextjs.org/docs/app)\n\n[App Router vs Pages Router dev.to ](https://dev.to/dcs_ink/nextjs-app-router-vs-pages-router-3p57)\n\n[App Router vs Pages Router medium.com](https://medium.com/@jawaragordon/choose-your-own-adventure-next-js-app-vs-pages-router-528dbf25b37f)\n\n---\n\n### About:\nThe Wild Oasis hotel management app that allows hotel employees to manage cabins, bookings, and guests.\n\nYou can try here: [the-wild-oasis-app-nextjs.vercel.app](https://the-wild-oasis-app-nextjs.vercel.app/)\n\nFor Login use: Your Google Account.\n\n---\n\n### Sample task, photo:\n\n### For users not Logged In:\n\n**Homepage:**\n\n![image](https://github.com/SimAndrew/the-wild-oasis/assets/44125451/5544367e-1a45-47ff-bb8e-397df089509c)\n\n**Cabins page - List of cabins available for reservation, filter by number of guests:**\n\n![image](https://github.com/SimAndrew/the-wild-oasis/assets/44125451/e6e58872-da45-497a-bea3-43afa2d2cf0f)\n\n**Cabin 001 Example**\n\n![image](https://github.com/SimAndrew/the-wild-oasis/assets/44125451/2002d4b6-0fcc-4dad-a086-b1c25245e37d)\n\n**About page:**\n\n![image](https://github.com/SimAndrew/the-wild-oasis/assets/44125451/ea51512f-fe39-4457-8d1d-249c993ad7e7)\n\n**Guest area page:**\n\n![image](https://github.com/SimAndrew/the-wild-oasis/assets/44125451/274df4c8-b03c-4eec-b763-81f4a3aeb41b)\n\n### For Logged In users:\n\n**Guest area page:**\n\nHome page:\n\n![image](https://github.com/SimAndrew/the-wild-oasis/assets/44125451/ce905d43-eb16-4131-96b8-25a63045a994)\n\n**Guest reserve a cabin:**\n\n![image](https://github.com/SimAndrew/the-wild-oasis/assets/44125451/a60bba72-f3f2-465c-8053-b8822c6a18c5)\n\nGuest reservations list:\n\n![image](https://github.com/SimAndrew/the-wild-oasis/assets/44125451/e9daa4b1-47fc-4d3d-8cf5-08db53b8cefc)\n\nEdit Guest reservation:\n\n![image](https://github.com/SimAndrew/the-wild-oasis/assets/44125451/d674a10f-a7b8-419b-8af2-ea20426fe30b)\n\nGuest profile Update guest information: where a guest from, National ID number:\n\n![image](https://github.com/SimAndrew/the-wild-oasis/assets/44125451/c2002740-e7b4-47c2-9d2b-86a3ea21ee85)\n\n---\n\n### Technologies, Libraries:\n\n- React lets you build user interfaces out of individual pieces called components. [React JS](https://react.dev/)\n\n- Next JS - React meta-framework. Handles routing, SSR, data fetching and even remote state management. [Next JS](https://nextjs.org/)\n\n- [ESLint](https://eslint.org/), [Prettier](https://prettier.io/)\n\n- Tailwind CSS a utility-first CSS framework that packed with classes. Extremely easy to integrate into Next.js. Utility-first is a CSS methodology where you build up your styles using many small, purpose-specific classes. [tailwindcss.com](https://tailwindcss.com/)\n\n- heroicons/react - Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS [heroicons.com](https://heroicons.com)\n\n- Flexbox\n\n- date-fns - Date manipulation [date-fns.org](https://date-fns.org)\n\n- Supabase - database and API [supabase.com](https://supabase.com)\n\n- React DayPicker- Create date pickers, calendars, and date inputs for web applications. [react-day-picker.js.org](https://react-day-picker.js.org)\n\n- authjs.dev - Authentication for NextJs [authjs.dev](https://authjs.dev/)\n\n- Login \u0026 Logout with Google AuthJs login provider https://authjs.dev/getting-started/providers/google\n\n---\n\n### Run the app:\n\n- Clone a project: `git clone`\n\n```\ngit clone https://github.com/SimAndrew/the-wild-oasis-nextjs.git\n```\n\n- Open project code in your editor.\n- Install the dependencies, enter into the terminal:\n\n```\nnpm install\n```\n\n- Run the project, enter into the terminal:\n\n```\nnpm run dev\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimandrew%2Fthe-wild-oasis-nextjs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsimandrew%2Fthe-wild-oasis-nextjs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimandrew%2Fthe-wild-oasis-nextjs/lists"}