/bergen-hotel-booking

Firebase Realtime Database API. TypeScript. Express. React. CRUD.

Primary LanguageTypeScript

Holidaze Bergen Hotel Booking App Netlify Status

A full-stack web development project built with Google Cloud Functions, Firebase, Node.js, TypeScript, React and Styled-Components.

screenshot of the webpage

Features

  • A Node.js Restful API for CRUD operations using Express, TypeScript, Google Cloud Functions with Firebase.
  • Automated development workflow using GitHub Actions.
  • React components based design system using Styled-Components and Storybook.
  • Search, filtering, sorting and paginating using Custom React Hooks.
  • Dynamic routes and authentication using react-router-dom.
  • Performance optimization, code splitting and lazy loading.
  • Redux-like persisted Global Store using React Hooks and the State Reducer Pattern
  • Schema-based form-level validation using Yup.

Building the code

In the project directory, you can run:

To set up project

yarn && npm-run-all -p setup:yarn:*

To deploy Google Functions

cd functions && yarn install && yarn deploy

To build the client app

cd client && yarn install && yarn build

To develop the client app

cd client && yarn start

To run Storybook

cd client && yarn storybook