
Set up an accordion in jsx by creating a components structure with folders for faq, questions, and data, importing a react icon, and building a section header and expandable items.
Apply CSS styling to a login form, adjust layout, colors, and input widths, and position the password icon, preparing to add the password visibility toggle logic.
Learn how to implement a password visibility toggle in React using useState, a toggle handler, and conditional input types and icons to switch between password and text.
Learn to manage a React modal's visibility with a showModel state, open and close handlers, and precise overlay and stop-propagation logic to prevent inner clicks from closing.
Hello friends and welcome to my ReactJS Mini Projects Course.
This course is for ReactJS beginners who would like to improve both their understanding and practical application of ReactJS by building projects.
In this course, we are going to learn and sharpen our understanding of ReactJS by building mini-projects.
React is a JavaScript library for building user interfaces and it can sometimes be difficult to learn.
That is precisely why I created this course to help ReactJS beginners apply their basic knowledge of JavaScript and ReactJS by building mini-projects.
Course Requirements
- HTML CSS & JavaScript
- ReactJS Basics
NB: This course is not for an absolute beginner who has no knowledge of ReactJS.
It's for developers who already know some ReactJS basics and want to apply their knowledge by building projects.
List of Projects in the course.
1. Counter app
2. Accordion
3. Profile App
4. Profile App with search
5. Random Joke Generator
6. Password Visibility Toggle
7. Modal
8. Tabs
9. Countdown
10. Weather App
11. Image Slider
12. Testimonial
13. Responsive dropdown Menu
14. Responsive slideout Menu
15. Responsive Menu with submenu
I am positive that even before the end of this course, you would be more confident using ReactJS.
Join me as we begin this journey together.
Learn and master ReactJS by building several mini/small projects.
Welcome to my ReactJS Mini Projects Course.
Once again, this course would help you sharpen your ReactJS skills.
Enjoy the ReactJS Mini Projects Course.