Skip to main content

Build An eCommerce Website, Design and CSS, Part 2 - #63

Published: May 24, 2021 | DevDrawer

Estimated Reading Time
2 minutes
Video Duration
33:55 minutes

In the last video for our build an eCommerce website we added an external API to power the data and add products. This tutorial, we start working on the design on the site.

When we are done with this video, we will have created a standard eCommerce style for our website. We will have usable navigation, a home page hero, a footer and header, and single product pages with Add to Cart and Wishlist buttons.

Build A CRUD Application with PHP:

Build Your Own REST API:

Become a Patreon to show support and get exclusive access to content:

Applications Used

Visual Studio Code v1.43:

Fake Store API:

Computer Hardware:

Windows 10 Pro: (Amazon)

Samsung 500GB External SSD: (Amazon)

Samsung 970 EVO Plus SSD 1TB - M.2 NVMe: (Amazon)

Rosewill Hive-750S R750W PSU: (Amazon)

Phanteks Eclipse Tempered Glass Case: (Amazon)

MSI Arsenal Gaming AMD Ryzen Motherboard: (Amazon)

MSI Gaming GeForce RTX 2060 Super 8GB: (Amazon)

LG 34UM69G-B 34-Inch 21:9 UltraWide IPS Monitor: (Amazon)

Corsair 64GB (4 x 16GB) DDR4 Memory: (Amazon)

AMD Ryzen 7 2700X Processor: (Amazon)

Dell XPS 15 9500 15.6" Laptop / Windows: (Amazon)

Lenovo ThinkPad T15 15.6" Laptop / Linux: (Amazon)


Fujifilm X-T3: (Amazon)

Fujinon XF18-55mmF2.8-4: (Amazon)


Audio Technica AT2020: (Amazon)

Blue Snowball iCE: (Amazon)


I am a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to and affiliated sites.