Light

kar-thee / foodtoken-app Goto Github PK

View Code? Open in Web Editor NEW

4.0 1.0 0.0 242 KB

foodTokenApp - a fullstack application using Reactjs (MERN stack) for generating food e-tokens for inhouse employees.

Home Page: https://foodtokenapp-karthee.netlify.app/

Shell 0.88% HTML 0.63% CSS 0.99% JavaScript 97.51%

qrcode-generator role-based-access-control reacthooks react-loading muiv5 react etoken capstone-project mern-project

foodtoken-app's Introduction

foodtoken-App

A FullStack React app [MERN] for generating food e-Tokens for employees inhouse (organisation).

# App Link

https://foodtokenapp-karthee.netlify.app

This is my Capstone Project for FullStack Developer [MERN] Bootcamp

User Credentials for App-Demo

Click here to Get APP DEMO User Credentials

Backend Repo Link

Express(NODEjs) server with mongodb and userRole-based-authorization - https://github.com/kar-thee/foodtoken-server

App Features

Implemented userRole Based Authorisation - (ADMIN,CANTEEN and EMPLOYEE users)
Implemented QR-code for displaying tokens generated
ADMIN responsibilities-> VerifyUsers,GiveMoreTokens and other management activities
CANTEEN responsibilities-> VerifyFoodTokens and Serve them Meal or beverage depending on the type of token
EMPLOYEE responsibilities-> GenerateTokens,RequestMoreTokens,ViewAllTokens and other user activities like viewProfile and UpdatePassword
Food Tokens - there are 2 types -> Meal and Beverage tokens
Token Rules : 1 user can generate Max 3 tokens per day (1 Meal and 2 Beverage) Tokens

foodToken-App - everything to know

Built with Mui 5 + React Hooks

Global State Store managed with context and useReducer along with custom Hooks

App is completely Responsive with Dashboard Layout

This app uses react-loading(Loader) and react-hot-toast(toast notifications)

Dashboard Layout enabled with React-router v6 Layout Routes

When Token-Access given by Admin, user(employee) will get a email

Recommend Projects

React

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

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

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

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
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.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

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

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.