Order tracking

• a website (frontend) that has 3 views

  • email address input form (with email validation)
  • order history view
  • order history view

• upon entering a known email address of a user will present you with the order history related to that email address and allows you to view order details and navigate back

• an API (backend)

  • server which serves order details from csv file
  • that parses and processes the provided CSV files' content
  • that serves content to the frontend via created endpoint(s) in a format(GraphQL)
  • Continuous Deployment(CD) is setup for master branch with Heroku and Github
  • app deployed on Heroku at https://ecommerce-order-tracking.herokuapp.com/login
  • use [email protected] to see order list

Tech stack

• Frontend: React, typescript, styled-components, react-router
• Backend: NodeJS, ExpressJS, GraphQL, Apollo Server, lodash
• Deployment: Heroku, Github CD

Installation steps:

• run git clone [email protected]:vishalrajole/ordertracking.git to clone the repo
• inside cloned repo folder, run npm install to install server dependencies
• inside client folder, run npm install to install client dependencies
• make sure you are at root of the project and use npm run dev to start local server
• visit http://localhost:3000/ for client(UI) and
• visit http://localhost:4000/graphql for graphql interface

Screenshots