Welcome to the Blog Application repository! This project is a full-featured blogging platform built using React, Tailwind CSS, and Firebase.

1. Overview
2. Features
3. Installation
4. Usage
5. Documentation
6. License

The Blog Application allows users to create, view, and manage blog posts. It integrates Firebase for backend services, including Firestore for data storage and Firebase Authentication for user management. Live Preview Also Visit

• User Authentication: Register, log in, and manage user sessions.
• Post Creation: Create and submit new blog posts.
• Post Management: View, update, and delete blog posts.
• Comment Management: Add, view, and delete comments on posts.
• Responsive Design: Tailwind CSS for a modern, responsive layout.

To get started with the Blog Application, follow these steps:

1. Clone the repository:

   git clone https://github.com/R1SH4BH81/FireBlog-edu.git

2. Navigate to the project directory:

   cd FireBlog-edu

3. Install dependencies:

   npm install

4. Set up Firebase:

   • Create a Firebase project in the Firebase Console.
   • Obtain your Firebase configuration and place it in a file named firebase.js in the src directory.

5. Start the development server:

   npm start

• Run the Application: Once the server is running, open http://localhost:3000 in your web browser.
• Authentication: Use the sign-up and login forms to authenticate users.
• Create Posts: Use the form provided to create new blog posts.
• View Posts: Browse through the list of all posts on the homepage.
• View Post Details: Click on a post to view its details and comments.
• Manage Comments: Add and delete comments on individual posts.

For detailed documentation on how each component works, refer to the Documentation .

• NewPost Component: Handles the creation of new blog posts. It includes form fields for title, description, content, and image, and uses Firebase Firestore to save posts.
• HomePage Component: Displays a list of all blog posts. Includes functionality for navigating to individual posts and creating new posts.
• Post Component: Shows detailed information about a single post, including its content and comments. Allows authenticated users to like posts and manage comments.
• Firebase Integration: Explains how Firebase is used for authentication and data storage.

This project is licensed under the MIT License - see the LICENSE file for details.