Making Code Changes using Claude Code | How to Add Image as Context | CampusX

Code - https://github.com/campusx-official/spendly Hero image - https://drive.google.com/file/d/1aZYxOfOTIR4tLHe6bLorC4uPoaLUfzev/view?usp=sharing Demonstrates how to use Claude Code to modify an existing project, create new pages, and generate UI from an image. The video covers prompt-driven code edits, adding footer links, generating Terms & Conditions and Privacy pages, redesigning the hero section using an image, implementing a modal with a YouTube video, and following a practical workflow of session → prompt → commit → push with iterative improvements. 📱 Grow with us: CampusX' LinkedIn: https://www.linkedin.com/company/campusx-official CampusX on Instagram for daily tips: https://www.instagram.com/campusx.official My LinkedIn: https://www.linkedin.com/in/nitish-singh-03412789 Discord: https://discord.gg/PsWu8R87Z8 E-mail us at [email protected] Chapters 00:00:00 - Introduction & Agenda 00:01:07 - Landing Page Improvement Plan 00:02:52 - Workflow Overview (Session → Prompt → Commit → Push) 00:03:29 - Adding Footer Links Using Prompts 00:07:57 - Creating Terms & Conditions Page 00:11:54 - Creating Privacy Policy Page 00:13:37 - Using Image as Context (Hero Section Redesign) 00:16:30 - Commit & Verify UI Changes 00:17:11 - Adding Modal Popup with YouTube Video 00:18:39 - Commit & Push Changes to Repository 00:20:10 - Handling Mistakes & Iterative Prompting 00:21:24 - Summary & Key Takeaways