Скачать или смотреть How to Build a Fullstack E-Commerce Website using Next.js, React, TypeScript, & Material UI (Amazon)

Compilation of parts 1 - 4 :)

Become a Frontend Developer: https://www.davidsonprogrammingacadem...

Live Coding Tutorials Playlist:   • How to Build a Fullstack E-Commerce Websit...  

Starter Files: https://github.com/zdavidson/muxt-ts
Design: https://www.amazon.com/

Code from Tutorial: https://github.com/zdavidson/amazon
Example Site: https://amazon-tutorial.vercel.app/

Fake Store API: https://fakestoreapi.com/
Fake Store Data for Supabase: https://docs.google.com/spreadsheets/...
Additional Example Code: https://github.com/zdavidson/amazon-t...
Davidson Programming Academy

Check out https://www.davidsonprogrammingacadem... to enroll and learn to code, using HTML, CSS, JavaScript, React, Redux, TypeScript and become a web developer or frontend engineer!

If you missed the videos on HTML and CSS, check out the Learn to Code playlist, here:    • How to Code || HTML, CSS, JavaScript, Git,...  

Filming Equipment I Use
Canon 5D IV: https://amzn.to/3Psr6i4
Lens: https://amzn.to/3RCFdE0
Light: https://amzn.to/3PUtFed
Teleprompter: https://amzn.to/48uIWK1
Camera Desk Mount: https://amzn.to/3RKv0p4
Microphone: https://amzn.to/457wX2c
Microphone Arm: https://amzn.to/459v4Sn
Audio Recorder: https://amzn.to/3t6AVdT

Development Equipment I Use
Laptop: https://amzn.to/45aqm77
Keyboard: https://amzn.to/46r1U2q
Mouse: https://amzn.to/46740Vr
Dual Laptop Holder: https://amzn.to/465rx92
Monitor: https://amzn.to/46qtOvp
Desk Chair: https://amzn.to/3t8yAPH
Headphones: https://amzn.to/48KvRwr
Earbuds: https://amzn.to/466ffNN
Travel Monitor & Stand: https://amzn.to/48AlZoT


Why have a coding mentor?
Having a coding mentor is one of the easiest ways to learn how to become a web developer or frontend engineer quickly and efficiently. Most people take up to a year or more learning how to code on their own. Some, become frustrated and never reach their goals.

A mentor helps you accelerate this process and avoid common pitfalls that might lead you to give up, and instead keeps you accountable to your goal.

By enrolling in our program, you’ll be able to have an unlimited number of meetings with your mentor throughout the course. Your mentor will guide you down a customized learning path, one that not only helps you learn about the parts of web development that interest you, but also assist you in expanding your network and getting a job as a web developer or frontend engineer in no time.


About Me
My name is Zoë Davidson, I'm a software engineer and former professor. When I learned to code, my life completely changed -- for the better. I was able to gain a sense of financial freedom I'd never known before. I hope to be able to give you the tools to attain the same results, if not better. Here's my LinkedIn if you'd like to see a bit more about me: linkedin.com/in/zo%C3%ABdavidson/


Chapters:

00:00:00 Intro
00:00:00 Demo
00:01:08 Initialize Next.js App
00:01:58 Backend
00:06:15 Starter Repo Overview & Assets
00:10:25 Connecting to Supabase
00:14:51 Fetching Data from Supabase
00:24:44 Customizing Material UI Theme
00:40:30 Build Header
01:01:11 Search Bar
01:48:05 Querying
02:04:16 Displaying Search Results
02:42:02 Generating Types
02:50:30 Build Individual Product Page
03:33:05 Generate Shipping Details
04:06:42 Redux Toolkit
04:15:30 Cart
04:23:44 Persisting Data with Redux
05:14:23 Remove Item from Cart
05:15:16 Checkout
06:48:55 Clean Up Code
06:50:10 Dashboard
07:21:59 Complex Supabase Queries
07:45:52 Orders Page


#learntocode #coding #programming #mentor #frontend #frontenddeveloper #blackwomencode #blackgirlscode #webdevelopment #webdeveloper #react #typescript #nextjs #mui