https://github.com/rajesh6161/pbRealtimeBlog

Realtime Blog Application using React+PocketBase 🪄
https://github.com/rajesh6161/pbRealtimeBlog

blog javascript pocketbase react reactjs realtime-database

Last synced: about 1 month ago
JSON representation

Realtime Blog Application using React+PocketBase 🪄

• Host: GitHub
• URL: https://github.com/rajesh6161/pbRealtimeBlog
• Owner: rajesh6161
• Created: 2022-10-10T15:49:20.000Z (over 2 years ago)
• Default Branch: realtimeblog
• Last Pushed: 2024-10-17T00:59:23.000Z (6 months ago)
• Last Synced: 2024-10-19T01:58:26.835Z (6 months ago)
• Topics: blog, javascript, pocketbase, react, reactjs, realtime-database
• Language: JavaScript
• Homepage:
• Size: 632 KB
• Stars: 21
• Watchers: 2
• Forks: 4
• Open Issues: 5
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-pocketbase - GitHub - | (Showcases)
• awesome-pocketbase - GitHub - | (Showcases)
• awesome-pocketbase - Realtime Blog - A React-based realtime blog demo.  (Showcases)

README

        
“I’m seeking a maintainer for this repository. As many are ⭐ it for learning purposes, it would be valuable to have someone update it with the latest changes. Unfortunately, I’m tied up with other commitments and unable to maintain it at the moment. Thanks in advance!”

# Realtime Blog App made using React and PocketBase

![Visitors](https://api.visitorbadge.io/api/visitors?path=https%3A%2F%2Fgithub.com%2Frajesh6161%2FpbRealtimeBlog&label=TOTAL%20VIEWS&countColor=%2337d67a&style=plastic&labelStyle=upper)

### PocketBase is an Open Source backend comprises of only one single file, written in **Go**, for more info visit: [https://pocketbase.io/](https://pocketbase.io/)

#### For beginner friendly Todo app using React+PocketBase visit: [blog](https://dev.to/rajesh6161/realtime-todo-app-using-react-and-pocketbase-3mf), [repo](https://github.com/rajesh6161/pocketbaseTodo) is now part of the official PocketBase [show-and-tell](https://github.com/pocketbase/pocketbase/discussions/categories/show-and-tell) and [awesome-pocketbase](https://github.com/benallfree/awesome-pocketbase/)

## Backend

#### Setup pocketbase locally --> spin up the server --> Create a new collection named **posts** --> and add these fields to it

| field   | type | required |

|---------|------|----------|

| title   | Text | true     |

| content | Text | true     |

| imgurl  | URL  | false    |

| user    | User | false    |

| likes   | json | false    |

### Changes: Added redux, deployed on vercel.

#### Features:

- Authentication 🔒

- List/View 🪟

- Create 🪄

- Update 🧑🏻‍💻

- Responsive

#### Some screenshots of the application:

- Home Page

![s1](https://user-images.githubusercontent.com/40054161/194911558-98b85cd6-3534-4ba0-ae49-40fb930cba64.jpg)

- Login Page

![Screenshot 2022-10-10 at 21-18-16 Realtime Blog](https://user-images.githubusercontent.com/40054161/194911374-690defb2-7ee9-46ad-ac06-b56b67c2c3fb.png)