✍️ BlogSphere

A modern and responsive blogging platform built using React.js. BlogSphere provides a clean and user-friendly interface for exploring technology articles, tutorials, and creative content.

🌐 Live Preview

The project can be run locally using the development server.

📌 Features

• 🏠 Home Page – Introduction to BlogSphere with featured blogs
• 📖 About Page – Information about the platform and its purpose
• 📝 Blogs Page – Browse and explore available blog posts
• 🔍 Search Blogs – Search for blogs by title or content
• 🏷️ Category Filtering – Filter blogs based on categories
• 📄 Blog Details – View individual blog posts in detail
• 📩 Contact Page – Contact form for questions and suggestions
• 🧭 Responsive Navigation – Easy navigation between different sections
• 📱 Responsive Design – Designed to work across different screen sizes

🛠️ Tech Stack

• React.js
• JavaScript
• HTML5
• CSS3
• Create React App

📂 Project Structure

BlogSphere/
│
├── public/
│
├── src/
│   ├── Components/
│   │   ├── About.js
│   │   ├── BlogCard.js
│   │   ├── BlogDetails.js
│   │   ├── BlogList.js
│   │   ├── Contact.js
│   │   ├── Footer.js
│   │   ├── Hero.js
│   │   ├── Home.js
│   │   └── Navbar.js
│   │
│   ├── CSS/
│   ├── Data/
│   │   └── blogs.js
│   ├── Images/
│   │
│   ├── App.js
│   ├── App.css
│   ├── index.js
│   └── index.css
│
├── package.json
├── package-lock.json
└── README.md