-### [Name of Feature 2]
+### Admin Control β
-[short description goes here]
+Using specific login credentials, an admin can upload, delete, and edit current items in stock
-[gif goes here]
+
-### [Name of Feature 3]
+### Account Creation β
-[short description goes here]
+Users can create accounts with email verification to make purchases, view purchase history, and perform other features
-[gif goes here]
+
-### [ADDITIONAL FEATURES GO HERE - ADD ALL FEATURES HERE IN THE FORMAT ABOVE; you will check these off and add gifs as you complete them]
+### Stock browsing β
+
+Users can browse current inventory(with a corresponding product page) that is updated regularly
+
+
+
+### Stock filtering β
+
+Users can filter stock by price, metal, Jewelry type, etc
+
+
+
+### Like Items β
+
+Users can like items for later purchase
+
+
## Installation Instructions
diff --git a/codebase/.gitignore b/codebase/.gitignore
new file mode 100644
index 000000000..b79000b89
--- /dev/null
+++ b/codebase/.gitignore
@@ -0,0 +1,26 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+.env
+firebase.js
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/codebase/client/.eslintrc.cjs b/codebase/client/.eslintrc.cjs
new file mode 100644
index 000000000..4dcb43901
--- /dev/null
+++ b/codebase/client/.eslintrc.cjs
@@ -0,0 +1,20 @@
+module.exports = {
+ root: true,
+ env: { browser: true, es2020: true },
+ extends: [
+ 'eslint:recommended',
+ 'plugin:react/recommended',
+ 'plugin:react/jsx-runtime',
+ 'plugin:react-hooks/recommended',
+ ],
+ ignorePatterns: ['dist', '.eslintrc.cjs'],
+ parserOptions: { ecmaVersion: 'latest', sourceType: 'module' },
+ settings: { react: { version: '18.2' } },
+ plugins: ['react-refresh'],
+ rules: {
+ 'react-refresh/only-export-components': [
+ 'warn',
+ { allowConstantExport: true },
+ ],
+ },
+}
diff --git a/codebase/client/README.md b/codebase/client/README.md
new file mode 100644
index 000000000..f768e33fc
--- /dev/null
+++ b/codebase/client/README.md
@@ -0,0 +1,8 @@
+# React + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
diff --git a/codebase/client/index.html b/codebase/client/index.html
new file mode 100644
index 000000000..0c589eccd
--- /dev/null
+++ b/codebase/client/index.html
@@ -0,0 +1,13 @@
+
+
+
+
+
+
+ | Sub Total : | +${subTotal} | +
| Discount : | +- ${discount} | +
| Shipping Charge : | +${shippingCharge} | +
| Estimated Tax : | +${tax} | +
| Total : | ++ + ${total} + + | +
|---|
Verification link sent, please verify email
+
+
+ No items found.
: items.map((item) => ( +
+ Accepted file type .png. Less than 1MB
+ +This will delete your account and its records
+Click to upload image
+ )} +
+ {itemDetails.description}
+In Stock:
+{itemDetails.quantity}
+ {/* */} + {/* taken out for now since are not using cart functionality */} +
## Reflection
### 1. What went well during this unit?
-[ππΎππΎππΎ your answer here]
+I made the UI well. I also learned a lot about making routes to join data and other things.
### 2. What were some challenges your group faced in this unit?
-[ππΎππΎππΎ your answer here]
+I kept facing syntax errors when making and calling routes which took so much time to debug
### 3. What were some of the highlights or achievements that you are most proud of in this project?
-[ππΎππΎππΎ your answer here]
+I really liked the UI and responsiveness of my app. In many of my past assignments, UI and UX were the last thing on my mind, but since I am making this site for someone, I wanted it to be perfect to the best of my ability. I also made some cool routes. I made one route that not only filtered data, but made a new column based on whether a user liked that item. This involved joining two tables. It was cool to see things such as joins and making custom columns that I learned in class come to life.
### 4. Reflecting on your web development journey so far, how have you grown since the beginning of the course?
-[ππΎππΎππΎ your answer here]
+I grew a lot. Before, I only knew how to use an API-based and less involved backends such as Supabase. However, this course taught me how to use PostgreSQL and make my own routes! It's awesome what you can do with backend engineering/development. I really wanted to learn about the backend this semester, and I accomplished that!
### 5. Looking ahead, what are your goals related to web development, and what steps do you plan to take to achieve them?
-[ππΎππΎππΎ your answer here]
+I want to complete this site and make it production-ready. I love working on this site because I know my work is for something that will be used. I love it. I love continuously adding to the site and seeing my work evolve and grow. Making something production-ready is the biggest challenge. You have to test and try breaking your site. You have to make sure user info is protected and every corner is checked. With that said, I plan to continue my path in web development/full stack development.
diff --git a/planning/entity_relationship_diagram.md b/planning/entity_relationship_diagram.md
index 12c25f62c..ac8608fa6 100644
--- a/planning/entity_relationship_diagram.md
+++ b/planning/entity_relationship_diagram.md
@@ -4,14 +4,9 @@ Reference the Creating an Entity Relationship Diagram final project guide in the
## Create the List of Tables
-[ππΎππΎππΎ List each table in your diagram]
+users, items, users/saved, user/order
## Add the Entity Relationship Diagram
+link:
+https://github.com/JohnnyCortez/JewelryStore/blob/main/erd.pdf
-[ππΎππΎππΎ Include an image or images of the diagram below. You may also wish to use the following markdown syntax to outline each table, as per your preference.]
-
-| Column Name | Type | Description |
-|-------------|------|-------------|
-| id | integer | primary key |
-| name | text | name of the shoe model |
-| ... | ... | ... |
diff --git a/planning/user_stories.md b/planning/user_stories.md
index 1e55ecbcd..d91859e59 100644
--- a/planning/user_stories.md
+++ b/planning/user_stories.md
@@ -4,10 +4,18 @@ Reference the Writing User Stories final project guide in the course portal for
## Outline User Roles
-[ππΎππΎππΎ Include at least at least 1, but no more than 3, user roles.]
+-Customer: a user who is interested in purchasing Jewelry
+-Admin: a user who can control items to be sold (website owner)
## Draft User Stories
-[ππΎππΎππΎ Include at least at least 10 user stories in this format:]
-
-1. As a [user role], I want to [what], so that [why].
+1. As an Admin, I want to add, edit, and delete items to be sold, so that Customers can have an updated inventory list.
+2. As a Customer, I want to filter, sort, and search items, so that I can quickly find what I am looking for.
+3. As a Customer, I want to create an account, so that I have a record of my past purchases and account history.
+4. As a Customer, I want to edit or delete my account, so that I have control over my account and data.
+5. As a Customer, I want to save items, so that I may go back another day and purchase those items.
+6. As a Customer, I want to leave item reviews, so that I may share my experience with an item.
+7. As a Customer, I want to read item reviews and ratings, so that I know what items I may want to purchase.
+8. As a Customer, I want to add items to a shopping cart, so that I can purchase many items at once, instead of buying items one by one.
+9. As a Customer, I want to buy items quickly and easily by just needing to input my card info, address, and other needed information, so that I save time-making purchases.
+10. As a Customer, I want to get a confirmation email upon purchase, so that I am certain my transaction was processed.
diff --git a/planning/wireframes.md b/planning/wireframes.md
index fbcd15a0c..582b7ffea 100644
--- a/planning/wireframes.md
+++ b/planning/wireframes.md
@@ -4,18 +4,7 @@ Reference the Creating an Entity Relationship Diagram final project guide in the
## List of Pages
-[ππΎππΎππΎ List the pages you expect to have in your app, with a β next to pages you have wireframed]
+landing page, catalog, item view, cart, saved, previous orders
-## Wireframe 1: [page title]
-
-[ππΎππΎππΎ include wireframe 1]
-
-## Wireframe 2: [page title]
-
-[ππΎππΎππΎ include wireframe 2]
-
-## Wireframe 3: [page title]
-
-[ππΎππΎππΎ include wireframe 3]
-
-[ππΎππΎππΎ include more wireframes as desired]
+## Wireframes:
+link: https://github.com/JohnnyCortez/JewelryStore/blob/main/wireframes.pdf
diff --git a/wireframes.pdf b/wireframes.pdf
new file mode 100644
index 000000000..72f158e6a
Binary files /dev/null and b/wireframes.pdf differ