Build a Multi-Step Form in React - Part 1

Опубликовано: 26 Март 2026
на канале: Dev Lawrence
167
5

What’s up, guys! so in today’s video, we’re going to be building a fully responsive multi-step form using React and CSS. This is Part 1 of a two-part series, and we’ll be focusing on the design in this video.

💻 My Product
🛠️ PortfolioKit:https://portfoliokit.netlify.app/

Here is the link to Part 2
   • Build a Multi-Step Form in React - Part 2  

Github Repo
https://github.com/dev-lawrence/multi...

Frontend Mentor Challenge
https://www.frontendmentor.io/challen...

⌚Timestamps:
0:00 - Intro
3:51 - Project setup
10:06 - Progress bar
18:21 - Step 1
28:33 - Progress bar and Step 1 Styles
59:48 - Step 2
1:10:57 - Step 2 styles
1:32:26 - Step 3
1:38:22 - Step 3 styles
1:45:35 - Step 4
1:52:45 - Step 4 styles
2:03:50 - Thank you component
2:10:38 - Outro

---
🌐 Website: http://devlawrence.netlify.app/
✍️ Blog: https://dev.to/devlawrence
📁 Github: https://github.com/dev-lawrence

---
🌎 Follow me on social media
🐦 Twitter:   / lawrence_sticks  
💼 LinkedIn:   / lawrence-amrasakpare  
📸 Instagram:   / dev_lawrence1  

---
💼 Business Inquiries:
E-mail: [email protected]

#react #css #website #frontend #github #github #webdevelopment #javascript #CodingTips #howto #landingpage #herosection #design