Back to Browse

How to Build a Fullstack E-Commerce Website using Next.js, React, TypeScript, & Material UI (Part 5)

925 views
Streamed live on Dec 31, 2023
1:40:30

Frontend Developer Bootcamp: https://www.davidsonprogrammingacademy.com/ Book a Call With a Mentor: https://www.davidsonprogrammingacademy.com/pages/mentorship Fullstack E-Commerce Website Tutorial Playlist: https://www.youtube.com/watch?v=qkJVDMXs7RY&list=PL4Sjj55AOe22OrITJoR70ngvmE0_tRPpk Part 1: https://www.youtube.com/watch?v=qkJVDMXs7RY Part 2: https://www.youtube.com/watch?v=PSiB2K_Gpr4 Part 3: https://www.youtube.com/watch?v=_5mNgakVzIg Part 4: https://www.youtube.com/watch?v=KmqBM7Ztl9I Live Code Tutorials: https://www.youtube.com/playlist?list=PL4Sjj55AOe22c93LwnLmf2R53lrg5S9AJ Starter Files: https://github.com/zdavidson/muxt-ts Design: https://www.frontendmentor.io/challenges/audiophile-ecommerce-website-C8cuSd_wx Code from Tutorial: https://github.com/zdavidson/ecommerce-site Additional Example Code (Using SASS): https://github.com/zdavidson/audiophile Davidson Programming Academy Check out https://www.davidsonprogrammingacademy.com 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: https://www.youtube.com/playlist?list=PL4Sjj55AOe23PgprgMHxHDVi9lln_crak 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/ #learntocode #coding #programming #mentor #frontend #frontenddeveloper #blackwomencode #blackgirlscode #webdevelopment #webdeveloper #react #typescript #nextjs #mui

Download

1 formats

Video Formats

360pmp4201.3 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

How to Build a Fullstack E-Commerce Website using Next.js, React, TypeScript, & Material UI (Part 5) | NatokHD