Skip to content

JarenGarman/tea_subscription_fe

Repository files navigation

Tea Subscription

Overview

This take-home coding challenge is designed to reach MVP for an admin panel at a company that sells a tea subscription service. As the user, you can view all subscriptions, sort them by price (ascending or descending), get detailed information on a particular subscription (including the teas and customers who purchased it), and even cancel and reactivate particular customers' subscriptions with the click of a button!

Notable Technologies

  • React
  • React Router
  • Cypress
  • Vite

Check out the backend API repo here!

Running Locally

Requirements

Setup Steps

  1. Follow these steps to make sure your backend is running!
  2. Clone the repo to your machine: git clone https://github.com/JarenGarman/tea_subscription_fe.git
  3. Open the directory: cd tea_subscription_fe
  4. Install required packages: npm install
  5. Start the Vite server: npm run dev
  6. Open your web browser to the local path: http://localhost:5173/

Running Test Suite

  1. Follow the steps above, make sure your backend and frontend are running!
  2. Run Cypress: npm run cypress
  3. Select the E2E Testing option
  4. Select your preferred browser from the menu
  5. Select the Start E2E Testing button
  6. Open any file in the menu. The tests will run automatically!

Highlights/GIFs

Main Page

Main Page & Sort

Detailed Page

Detailed Page

Contributors

Jaren Garman

About

Tea Subscription provides a dashboard to manage your tea subscriptions

Topics

Resources

Stars

Watchers

Forks

Contributors