React Task - Contact Page & User Info

This project is a React-based web application built as part of a task assignment.
It includes a Home page, Contact Page, About page, sing up page.
The project demonstrates frontend skills such as React components, routing, and styled UI.

🚀 Features

• Contact Page with User Cards for Support, Sales, and General Inquiry
• Styled Signup Form with validation states
• About Section (content filled as placeholder instead of leaving blank)
• Clean, modern UI with reusable components
• Fully responsive design for mobile and desktop
• Responsive Navbar that stays fixed while scrolling

📂 Project Structure

src/ ├── components/ │ ├── Navbar.jsx │ ├── UserCard.jsx │ └── SingUp.jsx ├── pages/ │ ├── ContactPage.jsx │ ├── AboutPage.jsx │ └── HomePage.jsx ├── styles/ │ ├── ContactPage.css │ ├── Signup.css │ └── NavBar.css │ ├── UserCard.css │ ├── AboutPage.css │ ├── App.jsx └── main.jsx

---

🛠️ Tech Stack

• React.js – Frontend framework
• React Router – For navigation
• CSS3 – For styling
• JavaScript (ES6+)

---

📦 Installation & Setup

1. Clone this repository

   git clone https://github.com/bagalsaurabh4606/React_Frontend.git
   

2. Navigate to project folder cd React_Frontend

3.Install dependencies npm install

4.Run the development server npm run dev

5.Open in browser: http://localhost:3000