Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/bharathajjarapu/fireblogs

A simple React Blog app with Firebase
https://github.com/bharathajjarapu/fireblogs

Last synced: 7 days ago
JSON representation

A simple React Blog app with Firebase

Awesome Lists containing this project

README

        

# Fire Blogs 🔥

Hey there! 👋 Welcome to **Fire Blogs** - React Blog with a Firebase backend! 🚀

## 🌟 Features

- **Create Posts** ✏️: Share your thoughts and ideas with the world!
- **Edit Posts** 🛠️: Update your content anytime, anywhere.
- **User Authentication** 🔒: Secure login and registration using Firebase.
- **Responsive Design** 📱: Looks great on both mobile and desktop.

## 🚀 Getting Started

### Prerequisites

Make sure you have these installed before you start:

- [Node.js](https://nodejs.org/) 🟢
- [Firebase CLI](https://firebase.google.com/docs/cli) 🔥

### Installation

1. **Clone the repo**:

```bash
git clone https://github.com/bharathajjarapu/FireBlogs.git
```

2. **Navigate to the project directory**:

```bash
cd FireBlogs
```

3. **Install dependencies**:

```bash
npm install
```

4. **Set up Firebase**:
- Create a Firebase project.
- Replace the Firebase configuration in `src/firebase.js` with your project's config.

5. **Run the app**:

```bash
npm start
```

## 📂 Project Structure

```plaintext
FireBlogs/
├── public/
│ ├── favicon.ico
│ ├── fire.png
│ ├── index.html
│ ├── manifest.json
│ └── robots.txt
├── src/
│ ├── comps/
│ │ ├── BlogPost.js
│ │ ├── CreatePost.js
│ │ ├── EditPost.js
│ │ ├── Home.js
│ │ ├── Login.js
│ │ └── Navbar.js
│ ├── App.css
│ ├── App.js
│ ├── firebase.js
│ ├── index.css
│ ├── index.js
│ └── reportWebVitals.js
├── .firebaserc
├── .github/
│ └── workflows/
│ └── main.yml
├── firebase.json
├── firestore.indexes.json
├── firestore.rules
├── package-lock.json
├── package.json
├── LICENSE
└── README.md
```

## 📜 License

This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for more details.

## 🤝 Contributing

Contributions are welcome! Feel free to open a pull request or submit an issue.