5 out of 5
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
Instructor:
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

1
Downloading Argon Design Systems from Creative-Tim

Detail to download Creative Tim Argon Design Systems

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

Creating out Portfolio using Argon Design System from Creative Tim

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

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

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

Creating new Views using Creative Tim Argon Design System

1
Adding a new Profile View from Creative Tim

Adding links between the views

1
Add a link to the profile page
2
A quick look into what Argon Design System PRO has to offer
3
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

1
Scrolling the page to a component

Production deployment to GitHub and Heroku

1
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
5 out of 5
1 Ratings

Detailed Rating

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

Includes

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