Blue Barracudas Boutique (Frontend)

---

Landing Page

---

Links

• Deloyed Frontend App (TBD)
• Backend Repo

---

Wireframes

Home Page:

Profile Page:

Product Page:

Cart Page:

Sign Up Page:

Login Page

---

User Stories

• As a user, I want to sell my products.
• As a user, I want to edit the products I posted.
• As a user, I want to create a product.
• As a user, I want to delete a product.
• As a user, I want to be able to find products.
• As a user, I want to be able to purchase products.
• As a user, I want to have a page of products I am selling.

---

Technology Used

• axios
• bootstrap
• cloudinary
• dotenv
• express
• materialize-css
• method
• method-override
• multer
• override
• react
• validator
• web-vitals

---

General Approach

Blue Barracudas Boutique was created with a simple online store in mind for users to sell and buy products.

• Brainstormed user stories, wireframes, and routes to have an idea of how the app will be built.
• Created RESTful routes in the backend.
• Created components and connected them to the database models.
• Displayed user and product data from backend onto frontend.
• Styled using Materialize.

---

Setup

• fork and clone repo
• npm i

---

Challenges & Stretch Goals

Challenges

• Ran into issues with implementing Cloudinary.
• Minor challenges with getting user data from backend that was not in local storage.

Stretch Goals

• Allow users to purchase by credit card.
• Function to direct message a seller through the website.
• Write and rate sellers after purchasing products.