Скачать или смотреть I Built a Chrome Extension for Twitter in Under 2hrs - And You Can Too!

#chromeextensions #twitter

Ever noticed something missing in your favorite web apps that you wish you could just add yourself? That’s exactly what I did with Twitter! After deleting the mobile app to cut down screen time, I realized the web version lacked a crucial feature: the ability to view Quote Tweets. To solve this, I created a Chrome extension called QuickQuotes, and in this video, I’ll show you every step of my rapid development process.

🔧 What You’ll Learn:

What QuickQuotes does: Enhances your Twitter experience by displaying Quote Tweets with a single click.
Tech Stack Used: Why I chose plain JavaScript over frameworks like React or Vue.
Development Challenges: Overcoming issues like page non-reloading and inconsistent search results.
Code Walkthrough: A step-by-step guide through the content script, manifest.json, and more, explaining key parts of Chrome extension development.

👨‍💻 Why Watch?
Build Your Own: I’ll explain how you can use simple JavaScript to create functional extensions quickly.
Improve Browsing: Learn how to manipulate the DOM to enhance functionality on websites you use daily.
Development Insights: Gain insights into efficient coding practices and problem-solving in real-time coding scenarios.

🔍 Key Takeaways:
How to identify a need and rapidly develop a tool to address it.
Simplifying your development process by sticking to familiar technologies.
The importance of listing requirements and conceptualizing high-level solutions before coding.

Timecodes
00:00 - Intro
02:20 - Feature Requirements
03:33 - My Secret Tech Stack For Building Chrome Extensions
05:12 - High-Level Goal Of The Chrome Extension
07:23 - Diving Into The Code
27:00 - Final Results!
29:14 - Key Takeaways For Shipping Fast

QuickQuotes extension: https://chromewebstore.google.com/det...