This repository contains starter code for learning and practicing React Router v6. The goal of this app is to help developers get hands-on experience with routing in React, an essential skill for building dynamic, single-page web applications.
Follow these steps to get the project up and running locally:
-
Fork and Clone the repository:
git clone https://github.com/Thinkful-Ed/router-v6-exercise-app.git cd router-v6-exercise-app -
Install Dependencies: Install the required dependencies using npm:
npm install
-
Run the App: Start the app in development mode:
npm start
Open http://localhost:3000 to view it in the browser.
To start, the app includes basic routes and a few placeholder components. The following tasks will help you practice:
- Set up routes for different pages (e.g., Home, About, Contact).
- Create nested routes for more complex layouts.
- Implement dynamic routes for items such as user profiles or articles.
- Use programmatic navigation for redirecting users based on actions.
- Apply route guards if needed (e.g., for authenticated access).