firstninja111/Mern-Ecommerce

It uses graphql in mern stack project.

CHOIREDEX - Appointment Booking Application

MERN stack appointment scheduling and employee/client management application

View Demo · Report Issue

Background

Choiredex allows retailers to orchestrate their omnichannel customer journeys from their online channels to their stores. Store teams and online customers can now engage together in journeys on which retailers have control. By increasing the number of scheduled store visits and qualified customers, Choiredex allows retailers to distribute better and shorten every interaction between a customer and an associate. Omnichannel customers living a scored retail experience obtain the services and the products they need effortlessly. They are more satisfied and are more likely to purchase and repurchase. With Choiredex, customers and store teams coordinate their activities from the same choral retail score sheet.

Functionality

This is a MERN (MongoDB, Express, React, Node.js) stack application that uses Redux for state management and Apollo Client to fetch data from a MongoDB database via GraphQL. It has some of the following features:

Responsive design, SEO, and performance optimizations by means of:

• Custom, effective meta tags with metatags.io and favicons with favicon.io.
• SVG compression using SVGOMG, static site image compression using Squoosh, and user-uploaded image compression using browser-image-compression and LZString).
• Lazy loading and SVG stroke-dashoffset animation triggers and animation on landing page with the Intersection Observer API and react-spring.
• Code-splitting along shopping cart routes and authenticated user routes.

Guest clients are able to:

• Guest clients can meet an agent or purchase and obtain advice in a store.
• Select the service that they want to receive and choose one of the most comfortable store.
• Choose an available date and time for their appointment.
• Fill out contact information and any appointment notes.
• Finally book an appointment regarding to information.

Authenticated clients are able to do all of the above, as well as:

• See upcoming and past appointments.
• Cancel an upcoming appointment.

Authenticated concierge and agent members are able to:

• Receive real-time relevant activity updates such as new bookings or cancellations in their employee dashboard via GraphQL subscriptions powered by Google Cloud Pub/Sub.
• View all clients members and each individual's upcoming and past appointments.
• Update client and their own profile photos by uploading a photo or taking a photo with a webcam.
• Add, delete, or update appointments and personal events in their own calendar.

Authenticated staff members with "admin" status are also able to:

• Add new staff members.
• Delete clients and staff members.
• Update all clients' and staff members' profile photos.
• View and manage all staff members' calendars.

Local Development

To develop this project locally, follow the steps below.

Prerequisites

You will need to have the following software installed:

• npm
• Git
• Node.js

Installation

1. Clone the Github repository.

   git clone https://github.com/renestlaurent/Prototype-2

2. Install all server-side NPM packages.

   cd ..
   npm install

3. Install all client-side NPM packages.

   cd Client
   npm install

4. Start Server Application

   npm run start

5. Start Client Application

   cd Client
   npm run start

6. Build for production.

   npm run build

License

Distributed under the MIT License. See LICENSE.txt for more information.

Contact

Choiredex Software Ltd - rpstlaurent@choiredex.com

Project Link: https://github.com/renestlaurent/Prototype-2