AutoBlog

Azlan Khawar

Student
Mumbai

Collaborators

Varad Sankhe

@varadsankhe1131

Chirag Adve

@chiragadve44427

Shubham Mourya

@shubhcourse72048644

Azlan Khawar

Student
Mumbai

AutoBlog

28%
FindCoder AI-Powered Review (Beta)

Automatically Generate Blogs

Designed With 😇 :

  • NextjsNextjs
  • NodejsNodejs
  • ReactReact

Blog Dashboard

  • Displays blogs in visually appealing cards.
  • View blog details and translate them into 10 regional Indian languages:
    • Hindi, Marathi, Gujarati, Tamil, Kannada, Telugu, Bengali, Malayalam, Punjabi, Odia.
  • Fetches published blogs from MongoDB.

Input Options

  1. Text to Blog
    • Users can upload text files (e.g., .txt, .docx) or directly input text.
    • Content is processed and converted into high-quality blogs using Google Generative AI.
  2. Local Video to Blog
    • Upload local video files (e.g., .mp4, .mov).
    • The system transcribes the video to text using Google Cloud Speech-to-Text API.
    • The transcribed text is further processed into a well-structured blog using Google Generative AI.
  3. YouTube Video to Blog
    • Enter a YouTube video URL.
    • The system uses the youtube-transcript npm package to extract video transcripts.
    • Converts the transcript into an appealing blog format using Google Generative AI.

Database Integration

  • All blog details, including title, content are stored in MongoDB for easy retrieval and management.

Tech Stack

  • Google Generative AI: For blog generation and translation.
  • Google Cloud Speech-to-Text API: For video transcription.
  • React.js: Frontend framework for building the user interface.
  • ShadCN: UI components for a consistent and modern design.
  • Tailwind CSS: For responsive and customizable styling.
  • MongoDB: Database for storing blog details and managing multilingual data.


Problem it solves 🙅‍♂️

  • Blog generation

Challenges I ran into 🙅‍♂️

  • Time constraints
Comments (0)