Giter VIP home page Giter VIP logo

medic1111 / food-qr-full-stack-ts Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 11.21 MB

Typescript version of FOOD-QR full stack app, which allows a food establishment to create an online menu, and get a QR code generated which can be printed.

Home Page: https://food-qr.onrender.com/

Procfile 0.07% HTML 1.63% TypeScript 74.68% CSS 2.87% JavaScript 20.75%
express full-stack javascript mern mongodb mongoose nodejs qrcode react react-typescript typescript

food-qr-full-stack-ts's Introduction

FOOD QR TS


Live App Here


Img of live app

Img of live menu


Img of gen info form

Img of cat info form

Img of dishes info form

SCAN THIS CODE FOR TEST

Img of dishes info form

Main version in TypeScript of full stack Food-QR. App that allows a food establishment to create a standardized online menu and generates a QR Code which can be printed and used to direct to live menu touchless.

TEST

If you are not interested in filling out the forms, you can check an example of a live menu on the link up top

You can test the code my scanning the code in the image above with your phone camera

Or you can test the application from scratch:

  1. Fill out entries, and get your QR Code
  2. Scan it with your phone camera and click the link you will receive on the phone
  3. Your menu will show up

TECH

  1. Front-end:
    • ReactJs/Typescript
  2. Back-end:
    • Express
    • Node.js
  3. Database:
    • MongoDB
  4. Extras:
    • QRCode-react
  5. Deployment:
    • Render

STATUS: DEVELOPMENT

INSTALL

  1. Download the project
  2. Open the project and on the root run npm install then node server/index.js
  3. On a different terminal, run cd client, then npm install and finally npm start
  4. Create a .env file and add DB_URI=your_mongo_path_here_not_in_quotes

food-qr-full-stack-ts's People

Contributors

medic1111 avatar

Stargazers

 avatar  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.