Skip to content

A learning experience landing page created with React and the useReducer hook would be a dynamic and interactive platform where users can explore various educational resources. The useReducer hook would help manage complex state logic, allowing for seamless navigation and filtering of content.

Notifications You must be signed in to change notification settings

iamnaveen8851/Learning_Exp.Landing_Page

Repository files navigation

Learning_Exp.Landing_Page Clone

This react project has been scaffolded by using Vite build tool wherein I am using following:-

Tech Stack

- React
- CSS

Library

- Chakra UI
- React-Router-Dom

Navbar

In the navbar i added the navigate functionality to move to contact form

alt text

  • to take form value i used useReducer Hook
  • Once user click on submit it will show a login status to achieve that i used toast component from chakra ui

-I've also added the functionality of scroll down to change the color of nav link

Landing Page

  • On Main Landing i've added the video using a library name react iframe to achieve this. alt text

Footer

  • on Footer Section i overlapped the contact page exact as it looked in the ui alt text

About

A learning experience landing page created with React and the useReducer hook would be a dynamic and interactive platform where users can explore various educational resources. The useReducer hook would help manage complex state logic, allowing for seamless navigation and filtering of content.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages