https://github.com/rhannachi/booking

Booking
https://github.com/rhannachi/booking

nextjs react storybook tailwindcss typescript

Last synced: 3 months ago
JSON representation

Booking

• Host: GitHub
• URL: https://github.com/rhannachi/booking
• Owner: rhannachi
• License: mit
• Created: 2022-08-16T23:06:48.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2025-03-27T08:23:39.000Z (4 months ago)
• Last Synced: 2025-03-27T09:34:14.838Z (4 months ago)
• Topics: nextjs, react, storybook, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://booking-prod.vercel.app
• Size: 2.61 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 28
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Booking

![image under construction](https://ps.w.org/easy-under-construction/assets/banner-772x250.png?rev=2417171)

### [Storybook library](https://main--630fbaba720a6e9d6481a8d8.chromatic.com)

# Technical Stack

[![next js](public/made-with-next.js.svg)](https://nextjs.org)\

[![typescript](public/made-with-typescript.svg)](https://www.typescriptlang.org)\

[![redux](public/made-with-redux.svg)](https://redux.js.orgorg)\

[![redux](public/made-with-tailwindcss.svg)](https://tailwindcss.com/)\

[![atomic design system](public/made-with-storybook-atomic-design.svg)](https://bradfrost.com/blog/post/atomic-design-and-storybook/)

[//]: # ([![Deploy NextJs with Vercel Production](https://github.com/rhannachi/booking/actions/workflows/next-production.deploy.yml/badge.svg?branch=main)](https://github.com/rhannachi/booking/actions/workflows/next-production.deploy.yml))

[//]: # ()

[//]: # ([![Deploy NextJs with Vercel Preview](https://github.com/rhannachi/booking/actions/workflows/next-development.deploy.yml/badge.svg?branch=development)](https://github.com/rhannachi/booking/actions/workflows/next-development.deploy.yml))

[//]: # ()

[//]: # ([![Deploy Storybook with Chromatic](https://github.com/rhannachi/booking/actions/workflows/storybook.deploy.yml/badge.svg)](https://github.com/rhannachi/booking/actions/workflows/storybook.deploy.yml))

#

[![Codacy Badge](https://app.codacy.com/project/badge/Grade/bda46f072719446d80f0c402601d8a59)](https://www.codacy.com/gh/rhannachi/booking/dashboard?utm_source=github.com&utm_medium=referral&utm_content=rhannachi/booking&utm_campaign=Badge_Grade)\

[![Language grade: JavaScript](https://img.shields.io/lgtm/grade/javascript/g/rhannachi/booking.svg?logo=lgtm&logoWidth=18)](https://lgtm.com/projects/g/rhannachi/booking/context:javascript)

[![Total alerts](https://img.shields.io/lgtm/alerts/g/rhannachi/booking.svg?logo=lgtm&logoWidth=18)](https://lgtm.com/projects/g/rhannachi/booking/alerts/)

[![Known Vulnerabilities](https://snyk.io/test/github/rhannachi/booking/badge.svg)](https://snyk.io/test/github/rhannachi/booking)

[![GitHub Workflows Actions](https://github.com/rhannachi/booking/actions/workflows/workflow.yml/badge.svg)](https://github.com/rhannachi/booking/actions/workflows/workflow.yml)\

[![codecov](https://codecov.io/gh/rhannachi/booking/branch/main/graph/badge.svg?token=1IOJYLLJC9)](https://codecov.io/gh/rhannachi/booking)

## Getting Started

To install MongoDB on macOS:

```bash

brew update

brew tap mongodb/brew

brew install [email protected]

brew install mongosh

# start service

brew services start [email protected]

# install mongodb-compass GUI

brew install mongodb-compass

```

Environment variables

```bash

touch .env

echo DB_URI=mongodb://localhost:27017/booking > .env

```

To start development locally:

```bash

yarn dev

```

To populate the database with data stored locally in the "mocks" folder:

```bash

curl --location --request POST 'http://localhost:3000/api/seeding/rooms' --header 'Accept: application/json'

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

## Architecture

```

src/

├── components

│   ├── Atoms

│   │   ├── Button

│   │   │   ├── Button.stories.tsx

│   │   │   └── Button.tsx

│   │   ├── Checkbox

│   │   └── Icon

│   │       ├── Icon.stories.tsx

│   │       ├── Icon.tsx

│   │       └── svgs

│   ├── Molecules

│   │   ├── Carousel

│   │   │   ├── Carousel.fixture.ts

│   │   │   ├── Carousel.stories.tsx

│   │   │   └── Carousel.tsx

│   │   ├── Loader

│   │   │   ├── Loader.stories.tsx

│   │   │   └── Loader.tsx

│   │   └── SearchField

│   │       ├── SearchField.stories.tsx

│   │       └── SearchField.tsx

│   ├── Organisms

│   │   ├── Card

│   │   │   ├── CardBooking.stories.tsx

│   │   │   ├── CardDefault.stories.tsx

│   │   │   ├── Card.fixtures.tsx

│   │   │   └── Card.tsx

│   │   ├── CardList

│   │   │   ├── CardListBooking.stories.tsx

│   │   │   ├── CardListDefault.stories.tsx

│   │   │   ├── CardList.fixtures.tsx

│   │   │   └── CardList.tsx

│   │   └── Toast

│   │       ├── Toast.fixtures.tsx

│   │       ├── Toast.stories.tsx

│   │       └── Toast.tsx

│   ├── Pages

│   │   └── Home

│   │       ├── Home.stories.tsx

│   │       └── Home.tsx

│   └── Templates

│       ├── Footer

│       │   ├── Footer.stories.tsx

│       │   └── Footer.tsx

│       ├── Header

│       │   ├── Header.stories.tsx

│       │   └── Header.tsx

│       └── Layout

│           ├── Layout.stories.tsx

│           └── Layout.tsx

├── containers

│   ├── helpers

│   │   └── home.mapper.tsx

│   └── Home.container.tsx

├── helpers

│   └── constants.ts

├── mocks

│   ├── fixtures

│   │   └── rooms.ts

│   └── http.ts

├── pages

│   ├── api

│   │   ├── room

│   │   │   └── [id].ts

│   │   ├── rooms

│   │   └── seeding

│   │       └── rooms

│   ├── _app.tsx

│   ├── _document.tsx

│   └── index.tsx

├── server

│   ├── config

│   │   └── env.ts

│   ├── controllers

│   │   └── room.ts

│   ├── factories

│   │   ├── apiError.ts

│   │   └── roomErrors.ts

│   ├── helpers

│   ├── middlewares

│   │   └── errors.ts

│   ├── repository

│   │   ├── db.ts

│   │   └── models

│   │       └── room.ts

│   ├── routes

│   └── services

│       └── room.ts

├── services

│   ├── http.ts

│   └── room.service.ts

├── shared

│   └── schemas

│       ├── errors.ts

│       ├── http.ts

│       └── room.ts

├── store

│   ├── room

│   │   ├── room.slice.ts

│   │   └── room.thunk.ts

│   ├── rootReducer.ts

│   └── store.ts

└── styles

    └── globals.scss

```

![Architecture](/assets/dependencies.png)