Trending Courses

React Responsive Portfolio Website – Complete React Project

Description

Welcome to this react js course. On this course, you’ll learn to construct an entire responsive portfolio web site. After ending this course you should have an actual-world portfolio web site and you’ll learn to deploy your web site to Netlify cloud server in order that anybody can from around the globe.

Listed below are the lists that you’re gonna study from this  course:

  1. React portfolio web site.

  2. Context API so as to add Darkish and Gentle theme.

  3. Bootstrap to make our web site responsive for any gadget.

  4. Typewriting impact.

  5. React JS Vertical timeline element to indicate work expertise and schooling part.

  6. React js masses extra pagination options.

  7. React js sidebar with collapse options

  8. React js slick slider. You’ll learn to present a responsive slider to indicate testimonials.

  9. React js publish request to ship electronic mail from contact type.

  10. React js conditional rendering to generate completely different colours for various gadgets.

  11. Node js and categorical js for sending emails from the backend.

  12. Find out how to take a look at API endpoint in postman for sending an electronic mail.

  13. React js animation for various gadgets of our app whereas loading the primary time and scrolling.

  14. Find out how to add again-to-prime scroll options in react js entrance finish app.

  15. Theme Options –  Darkish theme and lightweight theme for our react js app.

  16. Find out how to ship electronic mail from react js utilizing node js, categorical js, and ship grid.

  17. React on mouse Hover impact

  18. React js Hooks

  19. Bootstrap to make react js app responsively

  20. Find out how to deploy react js app to Netlify.

Darkish and Gentle theme Options: You’ll learn to dynamically change react app theme colour. We’ll use react Context API so as to add darkish and lightweight theme options.

React Accordion Options: You’ll construct react accordion system within the challenge part.  Additionally, you will learn to mark a single merchandise if the accordion is open and onMouseHover Impact.

React Context API:  We’ll use react context API so as to add darkish and lightweight theme options.

React Hooks that you’ll use to construct the whole react js app:

  • useState

  • createContext

Completely different packages that you’ll use on this course:

  1. React clean scrolling –  We’ll use This bundle to scroll from one part to a different part when person clicks on the navbar.

  2. Typewriting impact – We’ll use this bundle so as to add various kinds of writing results to our app.

  3. React slick slider –  We’ll use this bundle for our testimonial part the place we’ll present a listing of testimonials within the slider. We may even make it possible for our slider is conscious of any gadget.

  4. React toastify – To point out toast messages to our customers once they ship emails from the contact type.

  5. Again-to-prime scroll – This bundle can be used for scroll-to-prime options. In a single-web page net app, we now have many sections on one web page. Subsequently when our person scrolls to the final part of the web page the person once more must scroll to succeed in the highest part. To unravel this drawback we’ll use again-to-scroll options in order that they’ll simply click on on the button after which it robotically goes to the highest part.

  6. React reveal – This bundle will assist us to indicate animation for every merchandise. You’ll learn to add animation for any fields in your react js app.

  7. React Vertical Timeline Part – To point out work expertise and schooling we’ll use a vertical timeline element with animation and customized design.

  8. NodeMailer –   To ship e-maill we’ll use nodemailer with node js, categorical js and sendgrid.


5,266

0$
84.99$


Get Coupon



Join us on telegram for Course Updates


Join Whatsapp Group for Daily Free Courses

Leave a Reply

Your email address will not be published. Required fields are marked *