Creative Tim
  • Win 1 in 10 Argon Design Systems PRO from Creative-Tim
  • 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
Bonus Section - Including Amazing Deals
  • Bonus - Because the learning can never stop