Intermediate React skills: Build a professional login page

Take your React skills to the next level. Build a sick login screen with Chakra-ui

This course is all about taking your React skills to the next level. This course will provide you with the right skills to land your first job as a React dev.

What you’ll learn

  • Learn about writing React in TypeScript.
  • Learn how to use Chakra-ui to make professional looking sites.
  • Learn how to use NextJS to handle requests and navigation.
  • Learn how to make a custom input that gives proper feedback to the users.
  • Learn how to use Formik and Yup to make great forms without the tears.
  • Learn about Monorepos and how to use them and why they are important.
  • Learn about using Strapi for your backend projects.

Course Content

  • Introduction to codebase and project setup –> 4 lectures • 33min.
  • Build basic layout and structure –> 3 lectures • 39min.
  • Building a custom input field –> 4 lectures • 47min.
  • Building the login experience –> 5 lectures • 1hr 6min.
  • Making the forgot password section –> 2 lectures • 16min.
  • Making the new account section –> 3 lectures • 36min.
  • Connecting all the sections together –> 4 lectures • 38min.
  • Polishing and responsiveness –> 2 lectures • 14min.

Auto Draft

Requirements

  • Beginner experience with React.
  • No experience with NextJS needed. You will learn how to use NextJS from the start in this course.

This course is all about taking your React skills to the next level. This course will provide you with the right skills to land your first job as a React dev.

Many courses that teach React focus on the basics or the concepts or writing React code. But not many courses will offer what this course will offer for you. The best way to learn how to build production grade apps is to build them. This course will teach you just that.

 

If you ever wonder why some React sites just have this much more polish to them and your projects always look like a beginner’s, this course will teach you how to get that. This course will teach you how to build great UIs using Chakra-ui. Chakra-ui is the best upcoming React component library at the moment. Chakra offers great selection of components that are super easy to customise and are completely accessible as well. It even comes with dark mode compatibility out of the box.

In this course you will learn:

  • How to write React code in Typescript.
  • How to use NextJS router to change the state of your app.
  • How to build simple powerful and slick forms using Formik and YUP
  • How to build custom input component that will give the user a great experience and proper feedback along the way.
  • How to use Chakra-ui to build super slick pages.
  • What are monorepos and why and when to use them.
  • How to build production grade React apps that make you stand out in the market.

This course is great for you if:

  • You have had some experience with React and keen to take your skills to the next level.
  • You want to learn how to build with NextJS and Typescript.
  • You always wanted to polish your projects with animations and dark mode.
  • You want your resume to standout with great looking projects.