https://github.com/akunna1/blog-web-app
Akunna Writes: Full Stack Blog Web App for my french, english, igbo, and pidgin stories
https://github.com/akunna1/blog-web-app
backend-api blog crud-application firebase firebase-auth firestore-database full-stack reactjs user-authentication vitejs webdev
Last synced: 3 months ago
JSON representation
Akunna Writes: Full Stack Blog Web App for my french, english, igbo, and pidgin stories
- Host: GitHub
- URL: https://github.com/akunna1/blog-web-app
- Owner: akunna1
- Created: 2024-07-30T15:18:35.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2025-01-03T04:01:25.000Z (over 1 year ago)
- Last Synced: 2025-01-31T22:07:22.079Z (over 1 year ago)
- Topics: backend-api, blog, crud-application, firebase, firebase-auth, firestore-database, full-stack, reactjs, user-authentication, vitejs, webdev
- Language: JavaScript
- Homepage: https://akunnawrites.com
- Size: 26.4 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ✍️ Akunna Writes: Tales in Four Tongues (Partial Code)
**Note:** This repository includes only selected `.jsx` components and the root files. The complete codebase is not provided here.
---
## 📖 About Akunna Writes
Akunna Writes is a multilingual blogging platform designed to celebrate storytelling and cultural expression through four languages: English, French, Igbo, and Pidgin. It serves as a creative outlet where users can share short stories, poems, and translations that highlight the beauty and diversity of language.
The app aims to foster a welcoming community for readers and writers alike—encouraging cultural exchange, promoting language literacy, and providing inspiration during challenging times. It’s both a personal journal and a space for others to connect through shared narratives.
---
## ⚙️ Setup & Firebase Integration
### Installing Firebase
```bash
npm add firebase
```
### Firebase Configuration Steps
* Create a Firebase project and navigate to project settings
* Add a new web app and copy the Firebase SDK config snippet
* In your project, create a `firebase` folder with a `config.jsx` file
* Paste the Firebase SDK config inside `config.jsx`
* Enable Firebase Authentication with Gmail sign-in
* Set up Firestore Database in Firebase Console
* Configure Firestore security rules (for development):
```plaintext
rules_version = '2';
service cloud.firestore {
match /databases/{database}/documents {
match /{document=**} {
allow read, write: if true;
}
}
}
```
---
## 🔧 Key Firebase Functions Used
* **addDoc:** Adds a new document to a Firestore collection
* **getFirestore:** Initializes and returns a Firestore instance
* **collection:** References specific Firestore collections
* **getDocs:** Retrieves all documents from a Firestore collection
* **deleteDoc:** Deletes specific documents from Firestore
* **Timestamp:** Stores date and time information for documents
* **query:** Builds queries to filter or sort Firestore data
* **orderBy:** Orders query results by specified fields
* **onSnapshot:** Real-time listener for Firestore data changes
---
## 📂 Code Provided
* Selected `.jsx` components showcasing main app features
* Root `layout.jsx` and `page.jsx` files structuring the application
---
## 🔗 Live Version
Check out the live site here: [Akunna Writes](https://akunnawrites.com/)
---
If you would like a full code version or need assistance setting up, feel free to get in touch! Might upgrade the app in the future to use next.js instead...