5 out of 5
1 review on Udemy

React – Build your React App fast using React Design System

Create a beautiful React website fast as never before using Creative Tim Argon Design System for react completely FREE
Icaro Lavrador
285 students enrolled
English [Auto]
How to create a portfolio page in React
How to use Creative Tim Design System for React
How to break down a website into distinct components
What is and how to use a Design System

Have you ever try to create a website from scratch, just to, in the end, find out that many inconsistencies in your design? Like 3 or 4 different OK buttons on your app, different shades of color in another, and the list goes on.

If you like me, you won’t even notice until someone calls out your attention, and you will keep asking yourself, “How did I miss that?”. And I can tell you why because you didn’t use a Design System (or at least not the right one).

Design Systems can make your site look consistent and a lot more professional and faster to code.

Imagine having some of the best designers in the world to create your components for you, and have them choose the best colors to use and why not some incredible fonts and icons. Well… imagine no more.

Creative Tim offers all that and more. Using Creative Tim, UI Kit, and Themes, is like having access to the best designs on the cheap, actually sometimes, like on this course completely FREE!

Now we will learn to take full advantage of the Argon Design System, not only to create BEAUTIFUL sites but also to do it FAST.

Come with me on this amazing adventure to create a fully functional Portfolio page that will impress you in just a few hours.

For a limited time, not only you can get this course FREE but also get FREE access to the Argon Design Systems from Creative Tim


So don’t wait to ENROLL NOW.

Creative Tim

Downloading Argon Design Systems from Creative-Tim

Detail to download Creative Tim Argon Design Systems

Creating a Creative Tim Account and downloading our Design System
Starting Creative Tim sample site

Creating out Portfolio using Argon Design System from Creative Tim

Creating our Portfolio based on Creative Tim Design System
Using the Creative Tim Demo NavBar
Add a Hero Banner on our portfolio
Adding a simple footer

Creating our components based on the Argon Design System from Creative Tim

Creating our own components based on Creative Tim Design Systems
Cleaning up the NavBar
Refactoring our social media icons with tool tip into components
Changing the Hero component
Changing the Footer
Finish the Footer with our copyright
Adding more content to our page
Creating our cards using Creative Tim Design System and examples
Fixing all the cards

Creating new Views using Creative Tim Argon Design System

Adding a new Profile View from Creative Tim

Adding links between the views

Add a link to the profile page
A quick look into what Argon Design System PRO has to offer
Creating 3 new sections in our page including a PRO section

Using react Hook useRef to scroll the link to a element on the page

Scrolling the page to a component

Production deployment to GitHub and Heroku

React - Deploy your portfolio fast using Design System React
You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
5 out of 5
1 Ratings

Detailed Rating

Stars 5
Stars 4
Stars 3
Stars 2
Stars 1
30-Day Money-Back Guarantee


2 hours on-demand video
2 articles
Full lifetime access
Access on mobile and TV

External Links May Contain Affiliate Links read more

Join our Telegram Channel To Get Latest Notification & Course Updates!
Join Our Telegram For FREE Courses & Canva PremiumJOIN NOW