https://github.com/nil369/blog-app

https://github.com/nil369/blog-app

Last synced: 14 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/nil369/blog-app
• Owner: Nil369
• License: mit
• Created: 2024-12-12T18:17:04.000Z (22 days ago)
• Default Branch: main
• Last Pushed: 2024-12-17T18:04:09.000Z (17 days ago)
• Last Synced: 2024-12-17T19:19:38.978Z (17 days ago)
• Language: JavaScript
• Homepage: https://akash-blog-app.vercel.app
• Size: 113 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Blog App 📝

![Version](https://img.shields.io/badge/version-v1-blue)  ![Appwrite](https://img.shields.io/badge/backend-Appwrite-orange)  ![React](https://img.shields.io/badge/frontend-React-61DAFB) 

A dynamic **Blog Application** built with **React**, **Appwrite**, and **Redux Toolkit**. This project demonstrates my ability to create a full-stack application with key features like authentication, state management, and file handling while focusing on scalability and user experience.

## 📸 Screenshots

![Without Login HomeScreen](https://github.com/user-attachments/assets/bad02d50-3cf4-47bc-a52a-ab1caf050adc)

![After Login HomeScreen](https://github.com/user-attachments/assets/2d0ceb55-d1ab-448c-b9d6-bfb67a34942d)

## 🌟 Features

- **User Authentication**: Secure login and signup functionality.  

- **File Handling**: Upload and manage blog files effortlessly.  

- **State Management**: Powered by **Redux Toolkit** for efficient and scalable state handling.  

- **Pagination**: Navigate through blogs with ease.  

- **Query Filtering**: Personalized blog viewing experience with filtering options.  

- **Responsive Design**: Fully optimized for desktop and mobile devices.

---

## 🚀 Planned Features

- **Prism.js Integration**: For syntax highlighting in code-related blogs.  

- **Search Functionality**: Find blogs quickly and easily.

---

## 💻 Technologies Used

- **React**  

- **Appwrite**  

- **Redux Toolkit**  

- **Tailwind CSS** for styling.

## 🛠️ Setup Instructions

1. Clone the repository:  

   ```bash

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

   cd blog-app

   ```

2. Install dependencies:

```bash

npm install

```

3. Start the development server:

```bash

npm run dev

```

4. Open http://localhost:5173 in your browser.

---

### 🤝 Contributing

Contributions are welcome! 🎉 If you have ideas for new features, improvements, or bug fixes, feel free to submit a pull request.

**Steps to Contribute:**

1. Fork this repository.

2. Create a new branch:

```bash

git checkout -b feature/your-feature-name

```

3. Commit your changes:

```bash

git commit -m "Add your message here"

```

4. Push to your branch:

```bash

git push origin feature/your-feature-name

```

5. Open a pull request explaining your changes.

   

Let’s build something amazing together! 🚀

---

⭐ If you like this project, don’t forget to give it a star on GitHub! ⭐