Kuppiya blog site

Kuppiya blog site

Go (Gin)
Alpine.js
HTMX
⭐ Featured Project

Overview

Kuppiya is a blog management platform that allows users to create and publish blog posts. It is designed as a single-page application using HTMX for seamless interactions. The platform includes an admin panel for managing posts and monitoring site activity. Admins receive email notifications for new posts and can review and approve content before it is displayed. Additionally, a Flutter app provides a WebView to access the Kuppiya page.

Admin panel

admin.png

Users

users.png

Post

post.png

post-2.png

Features

Blog Post Management

  • User Blog Creation: Users can create and submit blog posts.
  • Admin Review: Admins receive email notifications for new posts, allowing them to review and approve content before publication.

Admin Panel

  • Post Confirmation: Admins can review and confirm blog posts submitted by users.
  • User Statistics: Admins can view detailed statistics on user activity and website usage.
  • Site Insights: Provides an overview of site performance and user engagement.

Email Notifications

  • New Post Alerts: Admins receive email notifications whenever a new blog post is created, ensuring timely review and approval.

Single-Page Application

  • HTMX Integration: The website operates as a single-page application, providing a dynamic user experience with HTMX for partial page updates and smooth interactions.

CSRF Protection

Backend (Go and Gin)

  • Middleware Setup: Ensure CSRF protection is enabled in your Gin middleware. Use the csrf package to generate and validate tokens.

Flutter App Integration

  • WebView: A Flutter app includes a WebView to display the Kuppiya page, allowing users to interact with the blog management platform from their mobile devices.

Software Used

  • Go (Gin)
  • Alpine.js
  • HTMX
  • MongoDB
  • Flutter

Libraries and Packages

Go Packages:

  • gin-gonic/gin: ^1.8.1

JavaScript Libraries:

  • alpinejs: ^3.10.5
  • htmx: ^1.8.4