https://github.com/zehraworks/react-reservation-app

Manage your reservations effortlessly
https://github.com/zehraworks/react-reservation-app

chakra-ui firebase react react-toolkit

Last synced: 4 months ago
JSON representation

Manage your reservations effortlessly

• Host: GitHub
• URL: https://github.com/zehraworks/react-reservation-app
• Owner: zehraworks
• Created: 2022-12-04T14:11:49.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-01-24T06:28:40.000Z (over 3 years ago)
• Last Synced: 2025-02-18T00:41:30.872Z (about 1 year ago)
• Topics: chakra-ui, firebase, react, react-toolkit
• Language: JavaScript
• Homepage: https://react-reservation-app.vercel.app/
• Size: 400 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Reservation App

### Helps to manage your reservations effortlessly

🔗 Live Demo: [react-reservation-app](https://react-reservation-app.vercel.app/)

## ✨ Features

- Add reservation

- Change reservation status

- Delete reservation

- Confirm reservation

- Check services of confirmed reservations

- Use time-picker to select a date ( future idea 💡)

![reservation-app](/public/reservation1.png)

## 💻 Tech Stack

![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)

![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)

![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)

![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)

![Redux](https://img.shields.io/badge/redux-%23593d88.svg?style=for-the-badge&logo=redux&logoColor=white)

![Chakra](https://img.shields.io/badge/chakra-%234ED1C5.svg?style=for-the-badge&logo=chakraui&logoColor=white)

![Firebase](https://img.shields.io/badge/Firebase-099BE5?style=for-the-badge&logo=Firebase&logoColor=white)

![Vercel](https://img.shields.io/badge/vercel-%23000000.svg?style=for-the-badge&logo=vercel&logoColor=white)

![Yarn](https://img.shields.io/badge/yarn-%232C8EBB.svg?style=for-the-badge&logo=yarn&logoColor=white)

## 📝 Packages

- react

- react-dom

- react-redux

- react-icons

- firebase

- nanoid

- chakra-ui

- @reduxjs/toolkit

## ⚙️ Development

#### Clone remote repo to your local

```

git clone https://github.com/aydinfz/react-reservation-app.git

```

#### Change directory

```

cd react-reservation-app

```

#### Install dependencies

```

yarn

```

#### Happy Hacking 🎉

```

yarn dev

```

#### Build:

```

yarn build

```

#### Preview the build:

```

yarn preview

```