joeleen-kado / towandas-gallipot

TOWANDA'S GALLIPOT

Description

Duration: 2 Week Sprint // 70 HOURS

Towanda's Gallipot is an herbalist's apothecary. This site is the business page for Steph Peltier, as well as her virtual store. She is able to share information about herself, herbalism, her services, and products. Users are able to contact her, make appointments with her via email, and order items she has cultivated.

To see the fully functional site, please visit: DEPLOYED VERSION OF APP

Screen Shot

Prerequisites

• Node.js
• express
• postgreSQL
• react-redux
• react-pdf
• react-moment
• nodemailer
• react-filestack
• PayPal

Installation

1. Create a database named towandas_gallipot,
2. The queries in the database.sql file are set up to create all the necessary tables and populate the needed data to allow the application to run correctly. The project is built on Postgres, so you will need to make sure to have that installed. We recommend using Postico to run those queries as that was used to create the queries.
3. Go to Filestack (https://www.filestack.com/) to retrieve an API. Place the API key in the .env file and name it REACT_APP_FILESTACK_API_KEY.
4. Create a unique password named SERVER_SESSION_SECRET in the .env file as well - this is for the user login authentication.
5. Inclued your email password in the .env file and name it password - this is for the nodemailer to receive emails.
6. Open up your editor of choice and run an npm install
7. Run npm run server in your terminal
8. Run npm run client in your terminal
9. The npm run client command will open up a new browser tab for you!

Usage

1. User who is not logged in is able to view the landing page, information about the herbalist, the consultations page, which includes a printable PDF to send to the herbalist so she may follow-up with making an appointment. They may view the products page, as well as the contact page, which allows the user to send the herbalist an email.
2. Logged-in users are able to add items to their cart, to delete items from their cart and view their previous orders.
3. Admin/herbalist is able to view the entire site, and in addition, able to add products to the product list, including image upload, as well as edit and delete the products.

Built With

• react
• redux
• node.js
• express
• postgreSQL
• react-PDF
• react-moment
• sweetalert
• nodemailer
• passport
• filestack-react API
• PayPayl API

License

Acknowledgement

Thank you to my peers, for being my coding buddies, for supporting me, and answering all my questions. Thank you to Steph Peltier for allowing me to exercise my creative decision making and providing me with the opportunity to create something that will be utilized for her business. Thank you to my amazing partner, Eddy, for keeping me sane during this process, and my sweet puppy, Sir David Attenbowwow, for keeping things cute. Thanks to Prime Digital Academy who equipped and helped me to make this application a reality. Special thanks to my primary instructor, -Mary Mossman

My peers who went out of their way to offer support and coding input throughout this project. -Brady Baker -Carl Barfuss -Josie Fredericksen -Steven Maloney -Jordan Newberry -James Posey

Support

If you have suggestions or issues, please email me at [[email protected]].