Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
How to Build a Full Stack AI Powered Blog App using MERN Stack, Google Gemini and ImageKit API
Play lesson

Full Stack Projects For Final Year Students (10+ Project Ideas For CSE) - How to Build a Full Stack AI Powered Blog App using MERN Stack, Google Gemini and ImageKit API

4.0 (0)
11 learners

What you'll learn

This course includes

  • 221.5 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

MERN Stack Project: Learn How to make an AI Enabled Full Stack Blog App using MERN Stack, Google Gemini and ImageKit API | Build and deploy blog application with admin panel In React Js. 👉 Live Preview: https://quickblog-gs.vercel.app/ 👉 Source code/assets: https://greatstack.dev/p/quickblog 👉 ImageKit: https://tinyurl.com/yfr7jnka 👉 ImageKit Documentation: https://tinyurl.com/yc2h83bx SUBSCRIBE: @GreatStackDev ------------------- In this full stack project tutorial we will build a blog app or blogging platform using MongoDB, Express, React and Node JS. In this full stack blog platform we will integrate the AI Feature (artificial intelligence) to generate the blog content. In this blog portal we will build the admin dashboard also, where admin can post a new blog and manage existing blogs and comments. After building this full stack blog portal we will deploy it online using vercel. #fullstack #fullstackproject #fullstackwebdevelopment #greatstack #mernstack #mernstackproject #collegeprojects #coding Timestamps: 00:00 AI Blog AppProject Overview 05:35 Create Basic React App 21:48 Create Home page 01:16:44 Create Blog Page 01:55:21 Create Admin Dashboard 03:29:46 Create Backend Server 03:43:04 Connect Backend with MongoDB 03:54:20 Create Login API 04:06:47 Create API to publish blog post 04:15:12 Upload blog images on ImageKit 04:47:56 Create API for blog list, details, delete and update 05:02:52 Create API for blog comments 05:11:43 Create API for admin dashboard data 05:27:43 Connect Backend APIs with Frontend blog app 06:51:18 Generate blog content using AI 07:14:44 Deploy Blog app online ------------------- Watch Full Stack Grocery Delivery App tutorial: 👉 https://youtu.be/PaQX0pktLnw Watch Full Stack Food Order Website tutorial: 👉 https://youtu.be/DBMPXJJfQEA Watch Full Stack Chat App tutorial: 👉 https://youtu.be/gbocZlm71nE Watch Full Stack Music Streaming Website 👉 https://youtu.be/KdGfhSpT6pc Watch Full Stack Blog Website Tutorial 👉 https://youtu.be/HdWCh_4XE1Q ------------------------------------- Build more React JS projects: Complete Portfolio Website In React: 👉 https://youtu.be/4ag1LsgIUc0 Build ChatGPT Clone In React: 👉 https://youtu.be/EzkWAviyYgg Build AI Image Generator with OpenAI In React 👉 https://youtu.be/PZG2MvOjud0 Create Weather App In React 👉 https://youtu.be/7JqdjWB88Kk ------------------------------------- Images Credit: https://www.pexels.com/ https://unsplash.com/ https://www.freepik.com/ ------------------------------------- Connect with me: 👉 https://linktr.ee/iamavinashkr Connect with GreatStack: Instagram: https://instagram.com/GreatStackDev Twitter: https://twitter.com/GreatStackDev Facebook: https://facebook.com/GreatStack

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere