Shopping App

January 11, 2023

Jimmy Pranata

Responsive shopping website for e-commerce

Product

Next JS 13

Popular Web

E-commerce Website has been popular for these past month, big e-commerce app like amazon, ebay, alibaba, and many more, is one of biggest project that is been on demand for web developers.

I am trying to make my own version of simple shopping web that applies most core function of shopping app.

Home Page

This is the home page, it shows 9 products at a time, which is made possible with pagination to make the page simpler and cleaner, since too many products showing means more page size needed.

Category Filters

The page can filters product depending on category you choose, activated category will have different color to show active category.

Product Page

There is dedicated dynamic route for products, main reason is to help shows more product details and adding them to cart, just like how most shopping app works.

Cart Page

The last page i made to imitate how cart page works before doing a checkout and add payment method, i didn't cover checkout page because most of its purpose is to do a payment.

Link

https://shopping-app-var-j.vercel.app/

Notes

It's been a while since i posted a post here, it's because i'm too focused on making this project cause this time i make it by myself. It's been rough journey indeed, so many bugs and error makes me reconsidering if i can make it, but turns out it's already yesterday thought.

My next project would be portofolio, and hopefully i can get a job soon.

I am who I am today because of the choices I made yesterday.
— Eleanor Roosevelt, First Lady of the U.S.