Build 10 Login Pages in React 2022
Figma
The Figma is a vector graphics editor and prototyping tool that is mostly web-based, but there are also desktop applications for macOS and Windows that can be used offline. Figma has a mobile app for Android and iOS that lets you see and interact with Figma prototypes in real-time on your smartphone or tablet.
React
This front-end JavaScript library is free and open source. It lets you build user interfaces with UI components. It is run by Meta and a group of developers and businesses. React can be used to build single-page or mobile apps.
What you’ll learn in this class.
The main idea of this class is to build real projects from Figma Designs and prototypes in React JS.
I took React + CSS Mastery and a little bit of Figma in this class, so it’s a mix of both. By the end of this course, you will have a good idea of Figma and how Figma works.
We will use Figma resources to make 10 React + CSS login pages.
In these 10 Login pages, we’ll talk about almost every subject in CSS, like how to make a website look good and how to write code.
- Learn about Typography
- Divs, Sections, Containers
- Learn about Margins and Paddings
- Positions
- Learn about Absolute and Relative Positions
- Flexboxes
- Box Shadows
- Bootstrap
- Grids
- Responsive ness
Every time you log in, there will be a different theme and a different reason.
