Skip to content

swrzalek/waitless

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 

Repository files navigation

Waitless - contacless que ordering system

Waitless

Vue 3, Composition API, Atomic Design, Tailwind, Websockets | React, React Query, AntD | Django Channels, Django Rest Framework, Docker, Github Actions

Web Queue Ordering App
Live queue app for premises owners, helping keeping distance and saving time for staying in line. Built with Django, React and Vue.

Watch the video


Table of Contents

Features

  • PWA for Customer: End users can order product by with app, watch it status change live and pick up when it is ready with code. Built with Vue 3 and TailwindCSS.
  • Vendor Dashboard: Premises owners (vendors) have total control of orders, menus and products. Built with React and AntDesign,
  • Server App: Built with Django, webserver handles live orders with websockets.

Frontend Details - Vendor App

PWA Details - Customer App

  • Built with Vue 3
  • Composables use to limit Vuex
  • Atomic Design I wanted to test this approach in real live project
  • TailwindCSS for tailored to the need design
  • Mobile First Approach
  • Designed in Figma - Link
  • Progressive Web App with assets generated by this CLI
  • Vue Router, Vuex, Vue-Toastification

Backend Details - Server App

  • Django
  • Django Rest Framework
  • Django Channels
  • Channels Redis
  • PostgresSQL
  • PyTest
  • JWT Tokens
  • Images upload to AWS with Boto3
  • Closed in Docker container
  • Github Actions for build and deploy

Demo

Want to see Waitless in action?

In order to keep it clean there are limitations on app, which is one premises per user and one live order per user . On video above you can see how it works.

Vendor Dashboard

Test Account: l: owner@goodmorningvietnam.com p: @CBb@UZiSj9Sjzw

Customer Dashboard

Test Account: Create it yourself, no email confirmation is required.

Contributing and Conclusion

I would love your contributions and help in making it better.

Crafted with ❤️ by Sebastian Wrzalek