Skip to content

Latest commit

 

History

History
73 lines (46 loc) · 1.88 KB

README.md

File metadata and controls

73 lines (46 loc) · 1.88 KB

Aunt Bottie

Aunt Bottie is an AI powered web app allowing a customer to buy a plant as a gift and getting a personal card to accompany the delivery.

User Requirements

  • A user can login into the app and browse through a currated selection of plants
  • A user can access it's account and cart information from the header
  • A user configure it's gift by completing those steps:
    • Choosing a plant
    • Fill the recipient info
    • Select the prompts to get an AI generated card
    • Validate information then add the item to the cart
  • The user can add multiple gift to it's cart then proceed to checkout

Project Stack

Front-End: React, Axios, Typescript, SASS, JavaScript

Back-End: Express, Node.js, PostgreSQL, ChatGPT

Screenshots

Home

"Screenshot of the home"

Login, account and mini-cart

"Screenshot of the login, account and mini-cart"

Plant page

"Screenshot of the plant page"

Card AI congiguration

"Screenshot of card config flow"

Cart

"Screenshot of the purchase flow"

Setup

For full functionality, the client and the API server applications must run concurrently:

  • Navigate to the root directory and install dependencies with npm install.
  • Run the following command from the server directory to run the server npm run dev.
  • Run the following command from the root directory of the project npm start.

Dependencies

  • Axios
  • Classnames
  • Normalize.css
  • React
  • React-dom
  • React-router-dom
  • Coreui/react
  • React testing-library
  • React-bootstrap
  • React-scripts
  • typescript
  • Bootstrap
  • Chalk
  • Dotenv
  • Pg