Coder Social home page Coder Social logo

kdcao1 / waitlist Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 12.67 MB

Reservation and Waitlist web app built for Hibachi style restaurants

License: GNU General Public License v3.0

Dockerfile 2.63% JavaScript 0.87% CSS 0.78% TypeScript 95.72%
cookies-next docker html mantine nextjs nextjs14 pocketbase pocketbase-realtime react tailwindcss

waitlist's Introduction

WaitList

Fullstack reservation and waitlist web app built for Hibachi style restaurants

Examples:

  • CSP using Next.JS middleware
  • PocketBase realtime subscriptions
  • PocketBase dymanic filtering
  • Mantine Forms
  • Server and Cient Cookies

Features

  • Realtime Updates between client and server
  • Progressive Web App support for IOS
  • Uses middleware for CSP headers and nonce application
  • Uses App Router from Next.JS 14
  • Seperate web interface for employees and guests
  • Mobile depolyment through Docker
  • Specialized for Hibachi resturants

Optimizations

  • Server Sided Rendering (SSR)
  • Streaming with suspense
  • Dynamic routing

Installation

Optional Changes

  • Style through theme.ts (Mantine) or Tailwind class names
  • Delete CSP headers through middleware.ts

Deployment

To deploy this project

Default port: 3000

  Dev mode: npm run dev 
  Prod mode: npm run build => npm run start

Contains a Dockerfile for Docker deployments

Generics

To run this project, you will need to change the following variables to each file:

PocketBaseUrl: pocketbase.js and middleware.ts

url: middleware.ts (hosted site link)

TZ: Dockerfile (follow your time zone)

PORT: Dockerfile (optional, change port in Docker container)

logo.png: add a logo into public folder

Tech Stack

Client: React, NextJs, TailwindCSS, Mantine

Server: NodeJS, TypeScript, PocketBase, Docker

Used By

This project is used by the following companies:

  • Volcano Steak & Sushi

Acknowledgements

Authors

License

WaitList

Copyright (C) 2024 Kevin Lin

This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.

You should have received a copy of the GNU General Public License along with this program. If not, see GNU GPLv3.

Feedback

If you have any feedback, please reach out to us at [email protected]

waitlist's People

Contributors

kdcao1 avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.