Add Button and Card components and update current UI.

Tasks

Add Components

• Button
• Card

Update UI

• Home
• Collections
• Products

Add Cart Modal

Remove Tailwind Elements and replace with Swiper.

Add product filter for collection page.

Tasks

Add stock checks throughout the app. Add logic to update cart if there are difference between amounts in cart and available stock.

useInventory Hook

• Create function to check Inventory in database to compare with cart.

Product Page

• Update logic to get latest stock when reloading per SKU when updating page.

Cart & Checkout Page

• Check for stock differences between all items in cart and their respective stock in database. If difference is present, update corresponding items in cart.

Create Order

• Update inventory database quantities when creating order.

Add basic UI, Images & params

Tasks

UI + Images

• Dummy Products
• UI

Params

• Filter by params

Tasks

Setup authentication with auth and implement cart/auth logic.

Firebase

• Add auth.
• Add firestore.

User & Cart

• Add Auth Context.
• Update Cart Context so it works wit new auth logic.
• Add custom hooks for auth and cart operations.

Add basic UI & params

Tasks

UI + Images

• Dummy Products
• UI

Params

• Filter by params

Tasks

Add User Profile Logic.

User Profile

• Update UI.

Account Orders

• Logic.

Edit Profile

• Logic.

Account Orders

• Logic.

Others

Protected Routes

• Update to make work with new User Profile Logic.

Tasks

Add Checkout Logic.

Checkout Page

• Logic

Add Cart page and base UI.

Tasks

Add Checkout UI.

Checkout Page

• UI

Tasks

Add admin panel and feature for admin to add/delete/edit products.

Admin Page UI

• Add admin panel.
• Add create/edit product page.

useAdmin Hook

• Create hook containing all admin functions.

Admin Logic

• Incorporate Admin logic.

Setup Firebase hosting and files to deploy app to firebase.

Migrate To Vite.

Add both product showcase with Swiper and "quick add" feature in ProductCard component.

Tasks

Change app language to English.

Langauge

• English.

Add Loading Spinner When Adding Product To Cart

Tasks

Add Custom Key Down Hook to listen for Escape key when modals are open so they can be closed.

Custom Hook

• Add useKeyDown hook.

Modal Components

• Add custom hook in each common component.

Add placeholder UI for loading media.

Make action creators lean and move code to reducer itself.

Tasks

Add Loader Component.

Loader

• Add Loader Component.

Update label format in checkout session.

Create product slider using Swiper to display latest products added to firebase.

Tasks

Add users' addresses in dropdown menu in checkout page to improve user experience.

Dropdown Menu

• Create using React Select package.

useCheckout Hook

• Update logic. Users should be able to use previous saved addresses to fill in form and should be able to create new addresses from this same page.

useAddressHook

• Update logic. Should be updated to be able to receive data from useCheckout hook.

Tasks

Update Cart Logic.

Auth Logic

• Add anonymous login and remove local storage logic.

Cart Logic

• Update cart logic to work with anonymous login.

Redesign database to allow for future implementation of admin view.

Add shipping and address details in order reviews in account profile.

Create Sign Up Page

Tasks

Add notification modals for add item to cart and for errors throughout the app.

Notification Modal

• Add To Cart.
• Errors.

Add link to carrousel that goes to the collections page.

Tasks

Load all producs onto firebase firestore. Update product schema and logic in project. Update cart logic to make it work with new product schema.

Firebase

• Add Products.

Product Schema

• Collections.
• Products.

Product Logic

• Context.
• Custom hook.

Cart Logic

• Update to match new product changes.

Add missing cart and cart icon styles.

Add Sign In Page.

Add Cart Context and implement Cart logic in Header and Product and Cart pages.

Tasks

Add Context

• Reducer

Implement Logic

• Product Page
• Cart Page
• Cart icon in Header

Add error handler function & custom error model.

Make it so that the footer sticks to the bottom of the page no matter the amount of content in main.

Update cart schema.

Refactor code throughout app.

Tasks

Update nav UI and incorporate auth logic. Add protected routes.

Update Nav

• Modify login link (icon to plain text).
• Update Nav UI
• Update SideNavUI
• Create SideModal

Route Protection

• Add protected routes.

Setup router and route for the home page and add basic UI + Images

Tasks

Router

• Home

UI + Images

• Header
• Hero
• All Products Carousel
• Categories
• Newsletter
• Footer

Refactor project code.

Update names of variables inside product page and data file to better reflect what they intend to represent.

Tasks

Create UI for User Profile Page.

Base User Profile

• Add base UI with orders, personal data and addresses section.

Edit Profile Modal

• Add modal to edit personal user data.

Order Modal

• Add modal to view details of each order user makes.

Addresses Page

• Create base UI for Addresses Page.

Add/Edit Address Modal

• Add modal to add new addresses or edit existing ones.

Update UI of app.

Tasks

Add hook to store email from users in firebase newsletter collection.

useNewsletter Hook

• Create hook.

Update UI

• Update Newsletter Section UI so it works with new newsletter logic.