a react application that focuses on react routers, providers, loaders and nested routes

iLost website for finding lost items

Frontend Mentor Challenge

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.

Implementation of useLoaderData, which is new hook of react-router-dom with Pokemon API

react router dom, loader action function

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.

Practical exercise of the following link : https://reactrouter.com/en/main/start/tutorial

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.

multiple hook discussed

Demo site using React Router Dom V6

Project is based on react router dom, with useParams and userLoaderData hooks. and the use of classname in ()=> this way

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

Demo site using React Router Dom V6