Demo site using React Router Dom V6
-
Updated
Oct 25, 2024 - CSS
Demo site using React Router Dom V6
using React and React Router for navigation, Firebase Authentication for secure access, and styled it with Tailwind CSS and DaisyUI. I integrated React Icons, managed dynamic routing with useParams and useLocation, and utilized useLoaderData for efficient data fetching. Finally, I added react-marquee for engaging text animations.
Demo site using React Router Dom V6
iLost website for finding lost items
Our Event management project with React Router aims to create a simple web application for managing events. It allows users to view a list of events, see event details, edit event details, add new events and navigate between different pages using React Router.
Created a App for Event Management using MERN , uses concept of react-router-dom library and created different different routes like Home, Events , Newsletter , and Authentication in top header bar , and user can add any New Event , Update Existing Event , Remove Existing Event and they can do all after user is authenticated from backend
Our Event management project with React Router aims to create a simple web application for managing events. It allows users to view a list of events, see event details, edit event details, add new events and navigate between different pages using React Router.
Made React website to learn how to seamlessly navigate between pages using react-router-dom, dynamically fetch data from the GitHub API, and efficiently manage state with hooks such as useParams and useLoader.
Project is based on react router dom, with useParams and userLoaderData hooks. and the use of classname in ()=> this way
multiple hook discussed
Practical exercise of the following link : https://reactrouter.com/en/main/start/tutorial
a react application that focuses on react routers, providers, loaders and nested routes
Implementation of useLoaderData, which is new hook of react-router-dom with Pokemon API
react router dom, loader action function
Add a description, image, and links to the useloaderdata topic page so that developers can more easily learn about it.
To associate your repository with the useloaderdata topic, visit your repo's landing page and select "manage topics."