resetmerlin / NikeSnkrs-eCommerce

eCommerce about only Nike Snkrs!

Home Page:https://nike-snkrs-e-commerce.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Nike Snkrs eCommerce

Fanmade personal repo
Nike Snkrs eCommerce.app

🎉 Update(2023-11-15)

  • Successfully built frontend application with no type error.

Installation

To install the project and its dependencies, follow these steps:

  1. Ensure you have npm installed on your system.

    npm install 
  2. Run the following command to install the project dependencies:

    cd frontend && npm install

Registration && Log in

  1. you can use this account for login, but don't change the password
    email: jasmine@example.com
    password: 123456
  1. you get register just using @example.com. There is no heavy validation on it

Pattern that I used

Feedback

  • This is my first project of using atomic design patterns. The good thing about the atomic design pattern is I can think about reusability more deeply than the other moment.
  • Also the independence of atoms and molecules may easily revise the style code rather than putting it all together.
  • However, when a component grows rapidly and needs to name it, it's getting hard. Also thinking about reusability could postpone writing your business logic. So what I recommend is just make a team with some designer and ask them about atoms like how many buttons are there? would be good to enhance the speed of making atoms by just looking at some website.

Views

Home Page

image

Products Page

image

Product Page

image

Login Page

image

Register Page

image

Profile Page

image

Cart Page

image

Order Page

image

About

eCommerce about only Nike Snkrs!

https://nike-snkrs-e-commerce.vercel.app/


Languages

Language:TypeScript 75.5%Language:JavaScript 12.8%Language:SCSS 11.4%Language:HTML 0.2%