https://github.com/bartosz-ziolkowski/hosteldk

Service for booking rooms
https://github.com/bartosz-ziolkowski/hosteldk

cloudinary css html mapbox mongodb next-auth nextjs postman react redux rest-api scss stripe typescript vercel

Last synced: 2 days ago
JSON representation

Service for booking rooms

• Host: GitHub
• URL: https://github.com/bartosz-ziolkowski/hosteldk
• Owner: bartosz-ziolkowski
• Created: 2024-04-16T16:45:32.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-08-25T16:39:35.000Z (3 months ago)
• Last Synced: 2024-08-25T17:52:57.112Z (3 months ago)
• Topics: cloudinary, css, html, mapbox, mongodb, next-auth, nextjs, postman, react, redux, rest-api, scss, stripe, typescript, vercel
• Language: TypeScript
• Homepage: https://hosteldk.vercel.app
• Size: 425 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# HostelDK - web application for accommodation booking

## Overview

HostelDK is a platform where users can create an account and book a stay in a selected room. Users have access to room descriptions, features, a map with the location, and a calendar showing available dates. After payment, users can also access their invoice. The administrator has access to statistics and various management options within the application.

With this project, I aimed to focus more on practicing Next.js with TypeScript and advanced global state management using Redux. It's also my larger project utilizing MongoDB as the database and an integrated Stripe payment gateway. The application is responsive. Additionally, uploaded images are hosted on the Cloudinary cloud, and user authentication is done using NextAuth.js. In the application, I've also integrated a map preview using Mapbox. As for the design, I drew inspiration from another available website to save some time in this area, as design wasn't the main focus of learning here. 

## Screenshots

![alt text](https://res.cloudinary.com/dv7nhvy8e/image/upload/v1724601848/hosteldk/korhqpbb3z2rb1dtr8fg.png)

![alt text](https://res.cloudinary.com/dv7nhvy8e/image/upload/v1724601848/hosteldk/iosxfbtcmsdci1vn5af4.png)

![alt text](https://res.cloudinary.com/dv7nhvy8e/image/upload/v1724601848/hosteldk/xcyoxrxdmzia5aryeuha.png)

![alt text](https://res.cloudinary.com/dv7nhvy8e/image/upload/v1724601848/hosteldk/thfqgmhirqwkv0kqyzt0.png)

![alt text](https://res.cloudinary.com/dv7nhvy8e/image/upload/v1724601848/hosteldk/v7kurz8i0m6o83lbz6r1.png)

![alt text](https://res.cloudinary.com/dv7nhvy8e/image/upload/v1724601848/hosteldk/eywzvqpsoavpkp9u9gjy.png)

![alt text](https://res.cloudinary.com/dv7nhvy8e/image/upload/v1724601848/hosteldk/axn6yejaanld7eorgunz.png)

![alt text](https://res.cloudinary.com/dv7nhvy8e/image/upload/v1724601848/hosteldk/ic0kzbtlmtw4mec7zvbb.png)

## Technologies

### Frontend

- React

- HTML

- CSS + SCSS

### Tools and languages

- Next.js

- TypeScript

- MongoDB

- Stripe

- Cloudinary

- Mapbox

### Comments

- Deployed on Vercel

## Live demo

[Click here to open the app](https://hosteldk.vercel.app/)