Loyaltree is a digital gift card and customer loyalty program using QR code scanning to process transactions.

Related tags

React Apps loyalTree
Overview

Loyaltree

Loyaltree is a platform for buying and selling gift cards from local businesses for your self or your loved ones. It has a loyalty program that rewards customers purchasing within the platform. Each gift card comes with it's own unique QR code that allows a business to process payment through our own proprietary payment gateway.

Landing Page

"Login page"

Balance Transfer

"Balance Transfer"

Business Owner Purchase Dashboard

"QR Scanner"

Setup

  1. clone the repository
  2. run npm install in both the client and server folders
  3. run npm run local in the server folder to start the backend server
  4. run npm run start in the client folder to start the frontend client
  5. open the browser and navigate to http://localhost:3000/
  6. Happy shopping!

Dependencies

  • body-parser
  • cookie-session
  • cors
  • dotenv
  • express
  • morgan
  • nodemon
  • pg
  • classNames
  • @fortawesome/fontawesome-svg-core
  • @fortawesome/free-brands-svg-icons
  • @fortawesome/free-solid-svg-icons
  • @fortawesome/react-fontawesome
  • @testing-library/jest-dom
  • @testing-library/react
  • @testing-library/user-event
  • axios
  • cors
  • qrcode
  • react
  • react-burger-menu
  • react-dom
  • react-rating-stars-component
  • react-router-dom
  • react-scripts
  • universal-cookie
Comments
  • 75 uniform transaction tables

    75 uniform transaction tables

    Trying to make the transaction history tables look uniform by creating a Table component, which calls TransactionListItem on its data.

    Should be able to trigger a re-render of the table component by modifying the state of the parent that passes it its data.

    opened by loganwoolf 2
  • Feature/dashboard

    Feature/dashboard

    Creating a view for store owners to scan user gift cards

    Should be able to debit the card and show a transaction to the store was generated

    Could ideally display a few transactions in the main view and some business info

    opened by loganwoolf 2
  • Constant checkout form layering issues

    Constant checkout form layering issues

    It seems that the document needs to change to always accompany the checkout form.

    It could be explored that a change is made to the checkout form so that it plays nice with a regular document.

    opened by loganwoolf 1
  • Burger menu items could probably be grouped in some way

    Burger menu items could probably be grouped in some way

    Right now it is a long list, it kinda makes it difficult to find the thing you are looking for, even with the icons.

    We could possibly use separators, either generic lines or small labels to group the menu items.

    opened by loganwoolf 1
  • Burger menu does not open properly on cards and stores pages in Firefox

    Burger menu does not open properly on cards and stores pages in Firefox

    The animation does not work on those two pages only, and their children. Can't find a reason. Might have to consider switching to a different animation.

    opened by loganwoolf 1
  • Idea: Have hard-coded login buttons for the demo users for the presentation

    Idea: Have hard-coded login buttons for the demo users for the presentation

    Might be an idea to add a button that logs in Bill and another button that logs in the customer user

    Just so the login process is extremely fast in case something weird happens during presentation

    opened by loganwoolf 0
  • Transaction tables are not uniform across the site

    Transaction tables are not uniform across the site

    They should probably share css, and ideally could all be the same component

    Card transaction history Dashboard transaction history Transaction confirmation after scan is accepted

    opened by loganwoolf 0
Owner
Casey Tite
My name is Casey I am a Junior full stack web developer.
Casey Tite
Jagrook is a QR code scanning Web app which aims to bring transparency to consumer’s shopping cart

JAGROOK Purchase Smart, Save Time, Save the World Jagrook is a QR code scanning Web app which aims to bring transparency to consumer’s shopping cart.

null 6 Nov 17, 2022
Papercups is an open source live customer chat web app written in Elixir

Papercups is an open source live customer chat web app written in Elixir

Papercups 5.1k Jan 9, 2023
Social Media mobile app that allows users to connect via QR scanning. Built-in React Ionic together with @Mic01.

Tap-n-Chat Mobile Messaging app that allows the user to login/signup and message other users. The app is able to generate and scan QR codes to add use

Connor de Bruyn 2 Oct 3, 2022
An unnamed app to categorize and visualize financial transactions data in OFX. Made with React + d3.

An unnamed app to categorize and visualize financial transactions data in OFX. Made with React + d3.

null 104 Dec 30, 2022
Birthday reminder is a frontend program that allows users see their pictures and birthdate.

Birthday Reminder This is a simple front-end application that displays Birthdays of users. Built With HTML CSS React Live Demo view Website Getting St

Eric Mahare 5 May 20, 2022
Thesis project for Digital Asset ownership and transfer using NFT and hyperledger

NFT as a proof of Digital Ownership-reward system integrated to a Secure Distributed Computing system Managed by Blockchain *** Se video below for a q

Asahi Cantu 3 Aug 18, 2022
Free React Admin Dashboard made with MUI's components, React and of course Next.js to boost your app development process!

Material Kit - React Free React Admin Dashboard made with MUI's components, React and of course Next.js to boost your app development process! Demo Da

Francisco Ruiz 5 Nov 5, 2022
Weather APP built with React JS as requirement for the WIT selective process

React JS Weather APP This project was built with React JS as requirement for the WIT selective process. The app is avaliabe at https://weather-app-wit

RafaelM 1 Nov 1, 2021
A simple React Application, for demonstrating the CI/CD process

React Activities React Activities is a simple React Application running a simple Release Process. TL;DR docker pull ghcr.io/pop-cloud/react-activities

Haitao Nie 1 Jan 10, 2022
A simple React Application, for demonstrating the CI/CD process

Activities Web Activities Web is a simple React Application running a simple Release Process. TL;DR docker pull ghcr.io/pop-cloud/activities-web:lates

Haitao Nie 1 Jan 10, 2022
Wonka: a JS library meant that simplifies the minting process on Metaplex's CandyMachine

Wonka JS Wonka is a JS/TS layer that simplifies the minting process on top of Me

Triton Labs 71 Nov 3, 2022
React application that scans, decodes and validates EU Digital COVID-19 certificates, all in the browser.

EU Digital Covid Certificate Decoder This project can scan, decode and validate the EU Digital Covid Certificates used in European Union countries as

Miguel Grinberg 21 Jul 6, 2022
Breed is a landing page for a Digital Agency in React and Tailwind

Breed is a digital agency and here's a landing page for breed. Tech used: React and Tailwind CSS. Getting Started with Create React App This project w

Baaba Dampare 12 Dec 21, 2022
💬 lightweight (29.59kB) cursor chat à la Figma for digital co-existing + presence

cursor-chat ?? lightweight (29.59kB) cursor chat à la Figma for digital co-existing + presence As a warning, this library is for experimental purposes

Jacky Zhao 176 Jan 2, 2023
The Digital Library is a webapp that allows the user to: Display a list of books

The Digital Library is a webapp that allows the user to: Display a list of books. Add a new book. Remove a selected book. It has been developed using React Redux and tested using Jest.

Natasha  Tatenda Chirombe 6 Sep 5, 2022
Memory Card Game using React

Memory Card Game inspired by pirates. A cool school project in javascript by using React. API https://deckofcardsapi.com/ Object of the Game Find the

Elvis Borgström 1 Nov 27, 2021
A Fully Functional E-Commerce Website Built With React, With Authentication and Credit Card Support

A Fully Functional E-Commerce Website Built With React, With Authentication and Credit Card Support

Idan Refaeli 18 Dec 26, 2022
React-memory - A simple single-player memory card game programmed in JavaScript and React

react-memory-simple yarn install yarn start Click the cards to flip to i

Daniel Nikravesh 7 Apr 14, 2022
Remix-code-snippets - Speed up your Remix development with dynamic code snippets

remix-code-snippets Speed up your Remix development with dynamic code snippets.

Dylan Blokhuis 1 Dec 29, 2021