See Preview

Router Project

A small React app built with Vite that demonstrates client-side routing with react-router-dom and utility-first styling with Tailwind CSS.

The project uses a shared layout with a persistent header and footer, then renders different pages through nested routes:

• Home
• About
• Contact
• Github

Features

• Nested routing with a reusable layout
• Active navigation links with NavLink
• Responsive page sections styled with Tailwind CSS
• Github profile page that fetches live user data from the GitHub API

Tech Stack

• React 19
• Vite 8
• React Router DOM 7
• Tailwind CSS 4
• ESLint 9

Routes

Route	Description
/	Landing page with hero section
/about	About section with project/company style content
/contact	Contact form and contact details layout
/github	Fetches and displays GitHub profile information

Getting Started

1. Install dependencies:

npm install

2. Start the development server:

npm run dev

3. Open the local URL shown in the terminal, usually http://localhost:5173.

Available Scripts

npm run dev
npm run build
npm run preview
npm run lint

Project Structure

src/
  components/
    About/
    Contact/
    Footer/
    Github/
    Header/
    Home/
    User/
  App.jsx
  Layout.jsx
  main.jsx
  index.css
public/
  favicon.svg
  icons.svg

Notes

• Replace the preview link at the top of this README with your deployed app URL.
• The Github page currently fetches data for Rachit0910d.