Exclusive-Ecommerce

This Repository is a build of this Figma template

figma file of Exclusive Ecormmerce App

The Tasks are divided as follows:

• Each section in the figma template has been titled form member 1 - member 4
• Member Positions are as follows:
  • Member 1 - Stanley
  • Member 2 - Wisdom
  • Member 3 - MJ
  • Member 4 - Femi
• In the figma file Each member has a section delegated to them according to their numbers.

Update: Member 1 (Stanley Azi)

Kicked off the project with vite ⚡️. React. You can use Tailwindcss, CSS or any library of your choice for styling. started working on landing page.

• header
• hero section
• flash sales section
• categories section
• best selling section
• explore products section
• new arrivals section
• services section
• count down timer
• star rating
• search products by name
• overall responsiveness
• loading skeleton
• initiated authentication
• footer

Update: Member 2 (Wisdom)

• Signup
• Login
• Cart
• WishList

Update: Member 3 (MJ)

• About Section
• Account Section
• Checkout Section
• I linked the cart section to the checkout section
• Built the Product details page, the contact page and the not found page.
• All of my components have been made responsive.(kinda responsive)
• Updated my checkout Component so it receives items from the cart.
• Implemented User registration and authentication using Supabase, users can now sign in, sign in with Google and also log out.
• Implemented Log in with Google: Users can log in using their Google account.
• Fixed some minor responsiveness issues.

Steps to start working on this project

• fork the repo
• clone the forked repo on your github
• run git checkout -b <branch name> to create your own branch, replace the <branch name> with your branch name choice or run git checkout <branch name> or git switch <branch name> to switch to your branch if you all created the branch
• run git branch to confirm the branch you are on
• cd into the cloned repo and run pnpm install to install all dependencies on your machine
• run pnpm run dev to create a port with vite and load the page on your browser ⚡️
• each member can create a component for their tasks and also check to see what component already exists so they can import in their component rather than starting a new one
• remember to update this Readme with what you worked on
• after you are done, stage all changes in your branch and push to github.
• if there were conflicts when trying to push due to updates on the remote branch from other contributors, run git pull --rebase origin main to update your local codebase and then push your changes.
• make a pull request for your changes to be merged

Let's go 🚀