⚛️ React Blog - React Router

A responsive blog application built using React and React Router.
Users can navigate between different blog categories without reloading the page.

🚀 Features

• Category-based blog navigation
• Client-side routing using React Router
• Separate pages for each category
• Reusable React components
• Responsive navigation bar
• Blog cards with images and titles
• Functional navigation between pages
• Mobile-friendly hamburger menu

🛠️ Technologies Used

• React.js
• React Router DOM
• JavaScript (ES6+)
• HTML5
• CSS3
• Vite

📂 Folder Structure

react-blog-project/
│
├── public/
│
├── src/
│   ├── assets/
│   │
│   ├── components/
│   │   ├── Ai.jsx
│   │   ├── All.jsx
│   │   ├── Blog.jsx
│   │   ├── Blogcard.jsx
│   │   ├── CyberSecurity.jsx
│   │   ├── DataScience.jsx
│   │   ├── Error.jsx
│   │   ├── FullstackDevelopment.jsx
│   │   ├── Header.jsx
│   │   ├── Navbar.jsx
│   │   └── Template.jsx
│   │
│   ├── data/
│   │   └── blogsData.js
│   │
│   ├── App.jsx
│   ├── App.css
│   ├── index.css
│   └── main.jsx
│
├── package.json
└── README.md

🧠 Key Concepts Used

• React Components
• JSX
• Props
• Destructuring
• map()
• React Router
• Link
• Route navigation
• Dynamic page rendering
• useState
• Responsive Design
• CSS Media Queries

⚛️ React Router

• React Router is used to navigate between different pages without refreshing the entire browser page.

🚀 Project Overview

Built this project to strengthen my React skills and gain hands-on experience with React Router, reusable components, and responsive navigation.

🔗 Connect With Me 💼

• LinkedIn