Code with AI - Develop web applications with Bolt AI, Claude

Name: Code with AI - Develop web applications with Bolt AI, Claude
Rating: 4.3 (8 reviews)

Building Production-Ready Apps with Modern No-Code Tools

Created byThilaknath Ashokkumar

Last updated 1/2025

English

What you'll learn

Foundations of No-Code Development - Develop web applications without writing code. Bring your ideas to life. Embrace the builder economy
No-Code Tools and Platforms - Solid understanding of Bolt AI development platform, Tips and Tricks on using the platform
Advanced Features and Integration - Integration with Google firebase for Authentication, Data storage, Google Analytics and more.
Deployment and Maintenance - Integration with Github Actions for CI/CD deployments. Learn how applications are delivered.
Cursor AI - How to benefit from AI code editors.

Course content

4 sections • 10 lectures • 1h 17m total length

What is No Code Development?6:28
Summary
In this video, I dive into the world of no-code development, showcasing how I built a fully functional application from scratch using the Bolt platform. I’ll explain the concept of no-code development and highlight the benefits, such as faster development cycles and lower technical barriers. I also provide a demo of my application, logexpense.com, which integrates with Google Firebase for authentication and data storage. I encourage you to follow along as I guide you through the process of creating similar applications using Bolt and Firebase.
Chapters
00:00 Introduction to No-Code Development
01:34 Hands-on Experience with Anthropic and Gemini
Notes Application Preview4:54
Summary

In this video, I’m thrilled to take you through the web application we’ll be building together, focusing on user authentication and note management. We’ll implement features like Google sign-in for easy access and robust security measures to protect your data. I’ll also touch on how we’ll use analytics to understand user interactions better. Please pay attention to the instructions for the upcoming tasks, as your engagement is crucial for our success!

Chapters

00:00 Introduction to the Course
02:00 Notes App User Authentication Overview
04:00 Notes App - Note Management Features, Conclusion and Next Steps

Bolt, Github Account Setup6:22
Summary
In this video, I walk you through the setup of our development environment for the course, focusing on using Bolt platform and GitHub. I strongly suggest creating a GitHub account to enhance your experience, although it's not mandatory. I also explain how to sign up for both platforms and highlight the importance of understanding usage tokens in Bolt. Please make sure to follow the steps outlined for a smooth setup.

Chapters
00:00 Introduction to Development Environment
02:24 Signing Up for Stackblitz
04:49 Understanding Usage Tokens in Bolt

Questions
What is a Token?
AI tokens are a complex topic related to all AI apps, not just Bolt. To learn more about LLM tokens I recommend searching online resources. For Bolt specifically it is important to know that the majority of token usage is related to syncing your project’s file system to the AI: the larger the project, the more tokens used per message.
Firebase Project Setup7:40
Summary

In this video, I guide you through setting up Firebase for user authentication and data storage. We cover creating a new Firebase project, adding our app, and exploring authentication and Firestore services. By the end, you'll have a working Firebase setup ready for application integration. No action requested.

Chapters

00:00 Introduction to Firebase
02:18 Creating a New Firebase Project
04:51 Accessing Configuration Details
07:15 Exploring Firestore Database

Develop prompt for Sample Notes web application using Google AI Studio7:23
Summary

In this video, I demonstrate how to create a detailed prompt using Gemini for web development. We explore the process of crafting a prompt in Google AI Studio, focusing on creating a note-taking app. The prompt includes instructions for features, aesthetics, and security considerations. Viewers are instructed to log in to AI Studio, develop the prompt, and customize it for their application. No specific action is requested from the viewers in this video.

Chapters

00:00 Introduction
04:09 Prompt Generation by Gemini
Developing Notes Application using Bolt and Firebase Integration - 110:36
Summary

In this video, I demonstrate how to set up a web applications (Notes application ) using Cursor AI Code Editor and Firebase integration. I explain why I chose Cursor and how it simplifies the development process by offering out-of-the-box integration with AI models. We copy firebase configuration into our prompt and paste it in the Cursor AI editor. The video showcases how the Bolt platform generates code based on the prompt, setting up the project without writing any code. I emphasize the ease of development and the potential of visualizing the ideas in to real projects using this approach.

Chapters

00:00 Introduction to Cursor AI Code Editor
01:44 Copying Firebase Configuration
04:01 Integrating Analytics
Developing Notes Application using Bolt and Firebase Integration - 27:39
Summary

In this video, I address the missing firestore.rules file in the initial code generated by Bolt for our Notes application. I explain the importance of this file in restricting database access to logged-in users only. I demonstrate how to create, publish, and implement these rules in Firebase, ensuring secure data access. Additionally, I showcase the functionality of creating, editing, and deleting nodes in the application, all without manual coding. The video concludes with a preview of deploying the application to GitHub Actions and integrating basic analytics using Bolt.

Chapters

00:00 Introduction to Debugging
02:19 Checking Node Saving
05:17 Database Verification

Optional - Google Analytics Integration13:01
Summary

In this video, I demonstrate how we developed a Notes web application using prompts and Google AI Studio. We discuss integrating Google Analytics, creating a GitHub repository directly from the Bolt platform. I show how to clone the project into GitHub and customize the analytics configuration for Google Analytics integration. No specific action is requested from viewers, but I encourage signing up for GitHub for future deployment tasks.

Chapters

00:00 Introduction
02:25 Creating GitHub Repository
04:25 Firebase Hosting
10:26 Analytics Dashboard
Optional - Github Actions Integration6:48
Summary

In this video, I provide a quick rundown on deploying our Bolt app using GitHub actions and Firebase hosting. I explain the steps needed for setting up GitHub actions integration and Firebase tools. No hands-on demo, just clear instructions. Important to set up Firebase locally and use Firebase Preview Channel for testing changes before deploying. Action requested: Follow the steps for successful deployment.

Chapters

00:00 Introduction to Deployment Process
01:32 Initializing Firebase Hosting
03:41 Workflow Files Overview
Course Summary - Bolt Tips and Tricks6:31
Summary

In this video, I recap the key points of our course on developing web applications without writing code. We explored using Google AI Studio and Bolt platform, integrated with Google Firebase. I also share tips on optimizing token usage on Bolt, such as enabling diffs and targeting specific files. No action requested.

Chapters

00:00 Course Recap
02:08 Tips on Using Bolt Platform
04:19 Token Optimization Techniques

Requirements

No coding experience required
Basic computer skills and familiarity with web applications
Understanding of basic business processes and workflow automation

Description

USE COUPON CODE: 6F05DE590BEE29496794
(Starts: May 23rd 9:00 AM, Ends: Mar 30th 9:00 AM) Time in PDT

Transform Your Ideas into Reality – No Coding Required

Master the art of building professional web applications using cutting-edge no-code tools, AI-powered development environments, and industry-standard workflows.

What Makes This Course Different?

AI-Enhanced Development: Harness Cursor AI and modern AI tools to accelerate your development process
GitHub Integration: Learn professional version control without coding
Production-Ready Applications: Build apps that scale, not just prototypes
Real-World Case Studies: Including expense tracking, CRM, and e-commerce platforms

What You'll Master

Build professional web applications without writing code
Deploy and manage applications using GitHub
Leverage AI tools for rapid development
Implement secure user authentication
Create automated workflows
Design responsive interfaces
Connect to external APIs and services

Premium Features

Certification: Course completion certificates
Project Portfolio: Build production-ready applications
Lifetime Access: For all course content
1-on-1 Support: Direct access to instructors

Perfect For:

Business professionals building internal tools
Anyone who wants to build.
Entrepreneurs launching MVPs
Product managers streamlining workflows
Digital marketers creating landing pages
Non-technical founders building proof-of-concepts

Tools You'll Use

Modern no-code platforms (bolt new, firebase)
Cursor AI for enhanced development
GitHub for version control
GitHub Actions for deployments

Career Impact

Launch your own web applications
Reduce development costs by 80%
Accelerate project timelines
Build a professional portfolio
Join the no-code revolution

No coding experience required – just bring your ideas!

Enrol Now: Code with AI - Develop web applications with Bolt AI, Claude

Note: This course is based on learnings which I benefited from using No Code Tools. The same can be achieved using a different platform as well. My goal is for every student to succeed in building web applications without code. If you find yourself struggling with any of the concepts or exercises, please know that I'm here to support you. Contact me through the course Q&A, and I'll do my best to provide assistance and guidance.

Who this course is for:

Anyone who wishes to build something.
Business Professionals & Entrepreneurs who need to build web applications quickly without technical expertise
Project Managers & Product Owners looking to reduce development costs and timelines
Digital Marketers wanting to create landing pages and web tools independently
Non-Technical Founders building MVPs or proof-of-concepts
Small Business Owners seeking to automate workflows and create customer portals
Students who need to develop small projects for their school or college

Code with AI - Develop web applications with Bolt AI, Claude

What you'll learn

Explore related topics

Course content

No Code Development2 lectures • 11min

Development Environment Setup2 lectures • 14min

Developing the Application3 lectures • 26min

Optional - Google Analytics Integration, Firebase Hosting using Github Actions3 lectures • 26min

Requirements

Description

Who this course is for: