Skip to content

Replace Twitter API with static programming quotes#3

Open
chadhutchins wants to merge 1 commit intomasterfrom
feature/issue-2-static-word-source
Open

Replace Twitter API with static programming quotes#3
chadhutchins wants to merge 1 commit intomasterfrom
feature/issue-2-static-word-source

Conversation

@chadhutchins
Copy link
Copy Markdown
Owner

Summary

Fixes #2

This PR replaces the deprecated Twitter API integration with a curated collection of 90+ programming quotes and tech wisdom. The word/trend visualization functionality is preserved while the data source is now completely static.

Changes

Core Changes

  • Removed Twitter API dependency - No more API keys needed
  • Added static quote collection (data/quotes.js) with 90+ famous programming quotes
  • Modernized all dependencies to latest stable versions:
    • Express 2.5.8 → 4.18.2
    • Socket.IO 0.9.x → 4.7.2
    • Replaced hamljs with EJS templates
    • Removed twitter package dependency

New Features

  • Comprehensive stop words filter - Filters out common words (a, the, is, etc.) for more meaningful trends
  • Modern responsive UI - Gradient backgrounds, smooth animations, mobile-friendly
  • Better word visualization - Tech-related words get special highlighting
  • Updated README with complete setup instructions

Quote Categories

The quotes cover diverse tech topics:

  • 💻 Classic programming wisdom (Linus Torvalds, Martin Fowler, Kent Beck, etc.)
  • 🏗️ Software design principles (DRY, Clean Code, SOLID)
  • 🌐 JavaScript & Web development insights
  • 🤝 Open source philosophy
  • 🚀 Modern practices (Agile, DevOps, CI/CD)
  • 🤖 AI and future technology perspectives
  • 💪 Developer motivation

How It Works

  1. Server streams a random quote every 2 seconds via WebSocket
  2. Client receives quotes, splits into words, animates them falling down
  3. Word frequency is tracked and displayed in real-time bar chart
  4. Stop words are filtered to show more meaningful trends

Testing

npm install
npm start
# Visit http://localhost:3000

Screenshots

The app features:

  • Words floating down from the top of the screen
  • A live bar chart at the bottom showing top 10 trending words
  • Modern gradient color scheme
  • Responsive design for all screen sizes

Fixes #2

Changes:
- Replaced Twitter API streaming with a curated collection of 90+
  programming quotes and tech wisdom
- Modernized dependencies: Express 4.x, Socket.IO 4.x, EJS templates
- Improved word filtering with comprehensive stop words list
- Updated UI with modern gradient design and animations
- Added responsive design for mobile devices
- Added comprehensive README with setup instructions

The quotes cover:
- Classic programming wisdom from industry legends
- Software design principles
- JavaScript/Web development insights
- Open source philosophy
- Modern development practices (Agile, DevOps)
- AI and future tech perspectives

Quotes stream every 2 seconds in random order, and the word trend
visualization updates in real-time just like the original Twitter version.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Update to a static source of words to display

1 participant