Skip to content

Choco-Blogo is a visually appealing and feature-rich blog management platform. Designed with a user-friendly interface, it provides admins with powerful LLM tools to analyze blog posts and track their performance using insightful metrics like word counts, repetition analysis, and post scores.

Notifications You must be signed in to change notification settings

BlackHatDevX/choco-blogo

Repository files navigation

Choco-Blogo 🍫✍️

Choco-Blogo is a visually appealing and feature-rich blog management platform. Designed with a user-friendly interface, it provides admins with powerful LLM tools to analyze blog posts and track their performance using insightful metrics like word counts, repetition analysis, and post scores.

🔗 Live Demo

Default Admin Credentials for testing purpose

Username Password
blogo@admin.com blogoAdmin

🖼️ Screenshots

Screenshot 2024-12-03 at 11 43 13 PM Screenshot 2024-12-03 at 11 43 25 PM Screenshot 2024-12-03 at 11 43 37 PM Screenshot 2024-12-03 at 11 43 47 PM

🚀 Features

  • Post Management:

    • Admins can view all blog posts.
    • Blog posts are analyzed for word count, unique words, and repetitive content.
  • Post Analysis:

    • Automatic calculation of content score based on word usage and repetition.
    • Visualization using a bar chart (powered by Chart.js).
  • Secure Admin Access:

    • Only admins can access the analysis dashboard after proper authentication.
  • Responsive Design:

    • Optimized for both desktop and mobile users.

🛠️ Tech Stack

Frontend:

  • Next.js: For server-side rendering and client-side interactivity.
  • React: Component-based UI development.
  • Chart.js: Interactive visualizations for blog analysis.

Backend:

  • Next.js API Routes: For handling backend logic and data analysis.
  • Prisma: ORM for interacting with the PostgreSQL database.
  • PostgreSQL: For efficient and scalable data storage.

Styling:

  • Tailwind CSS: For modern and responsive design.

📂 Project Structure

.
├── pages
│   ├── api
│   │   ├── analyze-posts.ts      # API for analyzing blog posts
│   │   ├── check-session.ts     # API for admin session validation
│   ├── analysis.tsx             # Admin dashboard for analysis
│   ├── index.tsx                # Homepage
├── prisma
│   ├── schema.prisma            # Database schema
├── public                       # Static assets
├── styles                       # Global CSS styles
├── components                   # Reusable components
└── README.md                    # Project documentation

🔧 Setup & Installation

Follow these steps to run the project locally:

  1. Clone the Repository:

    git clone https://github.com/BlackHatDevX/choco-blogo.git
    cd choco-blogo
  2. Install Dependencies:

    npm install
  3. Set Up Environment Variables: Create a .env file in the root directory and add:

    DATABASE_URL=postgres://your-db-user:your-db-password@your-db-host/your-db-name
  4. Set Up Prisma: Generate the Prisma client and apply migrations:

    npx prisma generate
    npx prisma migrate dev --name init
  5. Start the Development Server:

    npm run dev

    Visit http://localhost:3000 to view the app.


🤝 Contributions

Contributions are welcome! To contribute:

  1. Fork the repository.
  2. Create a new branch for your feature or bug fix.
  3. Submit a pull request with a detailed description of your changes.

📝 License

This project is licensed under the MIT License. See the LICENSE file for details.


👤 Author

Jash Gro
GitHub: BlackHatDevX
Portfolio: bit.ly/jashgro

Feel free to reach out for any queries or suggestions!

About

Choco-Blogo is a visually appealing and feature-rich blog management platform. Designed with a user-friendly interface, it provides admins with powerful LLM tools to analyze blog posts and track their performance using insightful metrics like word counts, repetition analysis, and post scores.

Topics

Resources

Stars

Watchers

Forks