pull from branch

README.md

@@ -1,48 +1,64 @@
-# [your app name here]
+# Princesa Azul
 
 CodePath WEB103 Final Project
 
-Designed and developed by: [your names here]
+Designed and developed by: Johnny Cortez
 
 🔗 Link to deployed app:
 
 ## About
 
 ### Description and Purpose
 
-[text goes here]
+This website is for my godmother who is a Jeweler and sells Jewelry. She currently displays and sells her Jewelry on Instagram and Facebook. However, it can be difficult for users interested in buying to sift through her inventory and make purchases. This website will fix all of that and allow users to view and purchase her Jewelry in a seamless and pleasant experience.
 
 ### Inspiration
 
-[text goes here]
+I was once looking through my godmother's Jewelry page on Instagram to purchase a golden necklace. I wanted a specific type of necklace that either had a holy cross or a Virgin Mary piece on it. However, it was difficult as there were so many items, but no way to filter results and know what had been sold. I had to ask my godmother directly if she had this specific necklace on hand, which felt very inefficient. I then had the idea, what if I made her a website to alleviate this issue and help her business grow by being on a more organized platform?
 
 ## Tech Stack
 
-Frontend:
+Frontend: React.js, HTML, CSS
 
-Backend:
+Backend: PostgreSQL, Firebase
 
 ## Features
 
-### [Name of Feature 1]
+### User-friendly and pleasant shopping experience with UI/UX in mind ✅
 
-[short description goes here]
+Pleasant store pages for shopping and great user experience
 
-[gif goes here]
+<img src='jewelryStore2.gif' />
 
-### [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]
+<img src='jewelryStore3.gif' />
 
-### [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]
+<img src='jewelryStore1.gif' />
 
-### [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
+
+<img src='jewelryStore4.gif' />
+
+### Stock filtering ✅
+
+Users can filter stock by price, metal, Jewelry type, etc
+
+<img src='jewelryStore5.gif' />
+
+### Like Items ✅
+
+Users can like items for later purchase
+
+<img src='jewelryStore6.gif' />
 
 ## Installation Instructions
 

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?

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 },
+    ],
+  },
+}

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

codebase/client/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + React</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>