logo

OOP's Blog App

OOP's Blog App

OOPs Blog App

Welcome to the Firebase Blog App. This dynamic blog application allows users to sign up, create posts, update their profiles, and interact with a community of bloggers.

Features

  1. Authentication:
    • Users can sign up to create an account.
    • After signing up, users are assigned an avatar of old Elon Musk.
  2. Navigation Bar:
    • Add Post: Users can create and publish new blog posts.
    • Logout: Allows users to log out of their accounts.
    • See Your Profile: Displays the user's profile, including their posts, username, picture, and bio.
  3. Profile Section:
    • View User Posts: Displays a list of the user's posts with options to delete them.
    • Update Profile: Users can update their profile picture and bio.
  4. Add Post:
    • Users can create new blog posts, which are displayed as cards with a timestamp, username, and profile photo.
    • Posts are visible to the entire community, and users cannot delete posts created by others.
  5. Dynamic Content:
    • All users can view and interact with blog posts created by others.
  6. Progress Indicator:
    • If facing time complications during post creation or profile photo updates, users can inspect the page to view the uploading percentage.
Different screens
Different screens

Getting Started

  1. Clone the repository:

git clone https://github.com/your-username/firebase-blog-app.git

Technologies Used

  • Firebase: Authentication, Realtime Database, and Storage for user data and posts.
  • JavaScript ES6: Utilized modern JavaScript features for enhanced development.
  • CSS: Styling the application for an appealing user experience.
  • HTML: Structuring the web pages and content.

Contribution Guidelines

If you want to contribute to the project, please follow these guidelines:

  1. Fork the repository.
  2. Create a new branch for your feature or bug fix.
  3. Make your changes and submit a pull request.

Known Issues

  • Uploading percentage may not display accurately in certain situations.