Skip to content

Sagyam/tools

Repository files navigation

Interactive Computer Science Tools Collection

A comprehensive collection of interactive educational tools for learning computer science algorithms, data structures, and system design concepts. Built with Next.js and designed for hands-on learning through visual demonstrations.

🛠️ Available Tools

Data Structures & Algorithms

Rate Limiting & Traffic Control

System Design & Infrastructure

Network Tools

  • DNS Resolver - DNS resolution process with packet flow animation

🚀 Getting Started

Prerequisites

  • Node.js 22+
  • npm, yarn, or pnpm

Installation

# Clone the repository
git clone https://github.com/Sagyam/tools.git
cd tools

# Install dependencies
pnpm install

# Start the development server
pnpm run dev

Open http://localhost:3000 to view the tools collection.

🎯 Features

  • Interactive Visualizations - Real-time animations and visual feedback
  • Educational Focus - Step-by-step explanations of complex algorithms
  • Responsive Design - Mobile-friendly interfaces
  • Dark/Light Theme - Theme switching support
  • Configurable Parameters - Adjust settings to explore different scenarios
  • Real-time Metrics - Live performance and accuracy measurements

🛠️ Tech Stack

  • Framework: Next.js 15 with App Router
  • Language: TypeScript
  • Styling: Tailwind CSS + shadcn/ui
  • Animations: Framer Motion
  • Charts: Recharts
  • Icons: Lucide React
  • Analytics: PostHog

🤝 Contributing

Contributions are welcome! Please feel free to submit pull requests or open issues for:

  • New tool suggestions
  • Bug fixes
  • UI/UX improvements
  • Educational content enhancements

📄 License

This project is open source and available under the MIT License.


Made with ❤️ for computer science education

About

Collection of all miscallaneous tools

Resources

License

Stars

Watchers

Forks