Pirate Chicks Vintage
(Please click the link above to view the deployed website!)
Pirate Chicks Vintage is an e-commerce website for the vintage and antique shop I own and operate with my mom. Our shop has a large variety of products, but we specialize in collectibles and home decor items from the 1920's to 1990's. This website was made with PostgreSQL, Node.js, Express, React and Stripe Payments. The website will list our available products and allow users to shop by adding items to their shopping cart and purchasing them.
A user will enter the site via the homepage. From there, they will use a navigation bar to view the shop's product inventory, which is stored on the backend in a PostgreSQL database. In a later version, the user will be able to view the products by a variety of criteria, including date added, price, name and category. In a later version, the user will also be able to register and login to the website for greter ease of shopping. The user interface on the frontend was created with React. The React code makes calls to the website's API on the Node.js backend to display the products and other relevant information.
A user can choose products to add to their shopping cart. When they are finished shopping, a user can purchase the items in their cart. The checkout session and payment is handled via Stripe, and the React app is connected to Stripe via the Stripe API. When a product is successfully purchased, its quantity will be reduced in the PostgreSQL database.
This project is still in development, but the current version is a workable website that uses Stripe's test mode to make test purchases. Future versions of the project will include more functionality including user signup and login, a contact form and a newsletter signup. Future versions will also allow for real purchases.
- Fork repository
- Clone repository to local environment
- Run npm install to install dependencies:
$ npm install- Create and seed PostgreSQL database (you will need to have PostgreSQL installed on your machine to do this):
$ psql < piratechicks.sql5.. Run npm start to start the application:
$ npm start- Open new terminal
- Cd into the frontend directory
$ cd frontend- Run npm install to install dependencies:
$ npm install- Run npm start to start the application:
$ npm startPull requests are welcome. Please open an issue first to discuss what you would like to change.
Kristen Krofchik