https://github.com/uzairrehan/blog-vibes

Blogging application . users can view, comment on, and like blogs, while admin can manage content like add ,edit and delete.
https://github.com/uzairrehan/blog-vibes

daisy-ui firebase nextjs react react-markdown tailwindcss typescript zustand

Last synced: 13 days ago
JSON representation

Blogging application . users can view, comment on, and like blogs, while admin can manage content like add ,edit and delete.

• Host: GitHub
• URL: https://github.com/uzairrehan/blog-vibes
• Owner: uzairrehan
• License: mit
• Created: 2024-10-05T10:19:37.000Z (4 months ago)
• Default Branch: master
• Last Pushed: 2024-12-26T21:04:20.000Z (29 days ago)
• Last Synced: 2024-12-26T21:26:24.825Z (29 days ago)
• Topics: daisy-ui, firebase, nextjs, react, react-markdown, tailwindcss, typescript, zustand
• Language: TypeScript
• Homepage: https://blogvibes.vercel.app
• Size: 5.03 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Blog Vibes

**Blog Vibes** is a blogging platform that allows users to view, like, and comment on blogs. It also includes an admin panel for managing blog content. Built with **Next.js**, **TypeScript**, and **Firebase**.

## 🚀 Features

### General Features

- **View Blogs:** Browse and read blogs with a clean UI.

- **Like Blogs:** Show appreciation by liking blogs.

- **Save Blogs:** Save your favourite blogs.

- **Comment on Blogs:** Share your thoughts and engage in discussions through comments.

### Admin Features

- **Add Blogs:** Create new blogs through the admin panel.

- **Edit Blogs:** Update existing blog content.

- **Delete Blogs:** Remove blogs that are no longer needed.

## 🛠️ Technologies Used

- **Next.js**: For server-side rendering and a fast React-based frontend.

- **TypeScript**: Ensures type safety and better code maintainability.

- **Firebase**:

  - **Firestore**: Used as a real-time database for storing blogs, comments, and user information.

  - **Firebase Authentication**: Manages user sign-in and authentication.

  - **Firebase Hosting**: Hosts the application.

## 💡 Usage

- Sign in or create an account.

- Explore available blogs.

- Engage by liking and commenting on posts.

- Admins can log in to access features for managing blogs.

## 🎨 Styling

The app uses **Tailwind CSS** for styling, providing a modern, responsive design.

## 📸 Screenshots

### Dashboard

![Dashboard](public/images/dashboard.png)

### Add Page

![Add Page](public/images/add.png)

### Edit Page

![Edit Page](public/images/edit.png)

### Admin can go to dashboard

![Go to dashboard](public/images/gotodashboard.png)

### Confirmation

![Confirmation](public/images/confirm.png)

### Blog List Page

![Blog List Page](public/images/home.png)

### Blog Detailed Page

![Blog Detailed Page](public/images/fullblog.png)

### Register Page

![Register Page](public/images/register.png)

---

## 🔗 Links

- [Live Demo](https://blogvibes.vercel.app)

- [Repository](https://github.com/uzairrehan/blog-vibes)