Skip to content

Repository files navigation

Internship Tools Collection

A comprehensive collection of web-based tools developed during an internship program. Each tool is designed to solve specific business problems and provide value to users through interactive web applications.

πŸš€ Tools Overview

A React-based calculator that helps users determine their GAP insurance coverage based on loan value, settlement amount, and insurance provider type. Features real-time calculations and educational content about GAP insurance.

Technologies: React.js, HTML5, CSS3, JavaScript ES6+

An interactive web application that simulates various vision impairments to help users understand how different eye conditions affect visual perception. Features side-by-side comparisons and educational content about visual impairments.

Technologies: HTML5, CSS3, JavaScript ES6+

An enhanced version of the vision simulator with an improved button-based interface. Features intuitive button selection, better mobile experience, and streamlined user interaction for easier accessibility testing and education.

Technologies: HTML5, CSS3, JavaScript ES6+

A comprehensive calculator that helps businesses understand the true cost of paid advertising and calculate potential savings from organic traffic growth. Features industry-specific data, interactive charts, and detailed financial analysis.

Technologies: HTML5, CSS3, JavaScript ES6+, Chart.js

A powerful web application that converts text input into styled HTML buttons with customizable URLs and random color generation. Perfect for quickly creating button collections for websites and web projects.

Technologies: HTML5, CSS3, JavaScript ES6+

An interactive memory game themed around the popular Among Us reactor sabotage mechanic. Players must memorize and repeat reactor repair sequences to prevent ship meltdown while tracking their performance with real-time analytics.

Technologies: HTML5, CSS3, JavaScript ES6+, Chart.js

A powerful web application that automatically generates starter unit tests from function signatures. Supports multiple testing frameworks (Jest, Mocha, PyTest, JUnit, etc.) and programming languages with intelligent test case generation.

Technologies: HTML5, CSS3, JavaScript ES6+

A comprehensive web application that generates intelligent bots for team communication platforms. Create custom bots with reminders, keyword reactions, weather data, jokes, and news fetching capabilities.

Technologies: HTML5, CSS3, JavaScript ES6+

πŸ“ Project Structure

internship-tools-developed/
β”œβ”€β”€ gap-insurance-calculator/     # GAP Insurance Calculator tool
β”‚   β”œβ”€β”€ index.html                # Main HTML file
β”‚   β”œβ”€β”€ styles.css                # CSS styling
β”‚   β”œβ”€β”€ script.js                 # React component logic
β”‚   └── README.md                 # Tool documentation
β”œβ”€β”€ vision-impairment-simulator/  # Vision Impairment Simulator tool
β”‚   β”œβ”€β”€ index.html                # Main HTML file
β”‚   β”œβ”€β”€ styles.css                # CSS styling
β”‚   β”œβ”€β”€ script.js                 # JavaScript functionality
β”‚   └── README.md                 # Tool documentation
β”œβ”€β”€ vision-simulator-v2/         # Enhanced Vision Simulator V2
β”‚   β”œβ”€β”€ index.html                # Main HTML file with button interface
β”‚   β”œβ”€β”€ styles.css                # Enhanced CSS styling
β”‚   β”œβ”€β”€ script.js                 # Optimized JavaScript
β”‚   └── README.md                 # Tool documentation
β”œβ”€β”€ paid-ads-calculator/         # True Cost of Paid Ads Calculator
β”‚   β”œβ”€β”€ index.html                # Main HTML file with form structure
β”‚   β”œβ”€β”€ styles.css                # CSS styling and responsive design
β”‚   β”œβ”€β”€ script.js                 # JavaScript functionality and calculations
β”‚   └── README.md                 # Tool documentation
β”œβ”€β”€ text-to-button-generator/    # Text-to-Button Generator
β”‚   β”œβ”€β”€ index.html                # Main HTML file with form structure
β”‚   β”œβ”€β”€ styles.css                # CSS styling and responsive design
β”‚   β”œβ”€β”€ script.js                 # JavaScript functionality
β”‚   └── README.md                 # Tool documentation
β”œβ”€β”€ among-us-reactor-sabotage/  # Among Us Reactor Sabotage Game
β”‚   β”œβ”€β”€ index.html                # Main HTML file with game structure
β”‚   β”œβ”€β”€ styles.css                # CSS styling with space theme
β”‚   β”œβ”€β”€ script.js                 # JavaScript game logic
β”‚   └── README.md                 # Tool documentation
β”œβ”€β”€ unit-test-generator/         # Unit Test Generator
β”‚   β”œβ”€β”€ index.html                # Main HTML file with interface
β”‚   β”œβ”€β”€ styles.css                # CSS styling and responsive design
β”‚   β”œβ”€β”€ script.js                 # JavaScript functionality and generators
β”‚   └── README.md                 # Tool documentation
β”œβ”€β”€ slack-discord-bot/           # Slack/Discord Bot Builder
β”‚   β”œβ”€β”€ index.html                # Main HTML file with interface
β”‚   β”œβ”€β”€ styles.css                # CSS styling and responsive design
β”‚   β”œβ”€β”€ script.js                 # JavaScript functionality and generators
β”‚   └── README.md                 # Tool documentation
β”œβ”€β”€ [additional-tools]/          # Future tools will be added here
└── README.md                     # This main documentation

πŸ› οΈ Development Standards

Each tool in this collection follows consistent development standards:

  • Modular Structure: Separate HTML, CSS, and JavaScript files for maintainability
  • Responsive Design: All tools work on desktop and mobile devices
  • Documentation: Comprehensive README files for each tool
  • Clean Code: Well-organized, commented, and maintainable code
  • User Experience: Intuitive interfaces with clear instructions

πŸš€ Getting Started

  1. Clone the repository:

    git clone https://github.com/noahkhomer18/internship-tools-developed.git
    cd internship-tools-developed
  2. Navigate to any tool:

    cd gap-insurance-calculator
  3. Open in browser:

    • Simply open the index.html file in your web browser
    • No build process or server required

πŸ“‹ Tool Categories

Financial Calculators

  • GAP Insurance Calculator: Calculate GAP insurance coverage and understand policy differences

Accessibility Tools

  • Vision Impairment Simulator: Simulate various vision conditions to understand accessibility challenges
  • Vision Impairment Simulator V2: Enhanced version with button-based interface for improved user experience

Business Analytics Tools

  • True Cost of Paid Ads Calculator: Analyze paid advertising costs and calculate savings from organic traffic growth

Web Development Tools

  • Text-to-Button Generator: Convert text input into styled HTML buttons with customizable URLs and random color generation

Gaming & Entertainment

  • Among Us Reactor Sabotage: Interactive memory game themed around reactor sabotage mechanics with performance tracking

Development Tools

  • Unit Test Generator: Automatically generate starter unit tests from function signatures for multiple frameworks and languages
  • Slack/Discord Bot Builder: Generate intelligent bots for team communication with reminders, reactions, weather, and news features

[Additional categories will be added as more tools are developed]

🎯 Features

  • No Dependencies: All tools run directly in the browser without build processes
  • Cross-Platform: Works on Windows, macOS, and Linux
  • Mobile-Friendly: Responsive design for all screen sizes
  • Educational: Each tool includes educational content and references
  • Professional: Clean, modern UI with consistent styling

πŸ“š Learning Outcomes

This collection demonstrates proficiency in:

  • Frontend Development: HTML5, CSS3, JavaScript ES6+
  • React.js: Component-based architecture and state management
  • Responsive Design: Mobile-first approach and cross-device compatibility
  • User Experience: Intuitive interfaces and clear user flows
  • Documentation: Comprehensive README files and code comments
  • Version Control: Git workflow and GitHub collaboration

πŸ”§ Technical Stack

  • Frontend: HTML5, CSS3, JavaScript ES6+
  • Frameworks: React.js (where applicable)
  • Styling: Custom CSS with responsive design principles
  • Version Control: Git with GitHub
  • Documentation: Markdown

πŸ“ˆ Future Enhancements

  • Additional financial calculators
  • Data visualization tools
  • Interactive dashboards
  • API integrations
  • Progressive Web App (PWA) features

🀝 Contributing

This is a personal project showcasing internship work. For questions or feedback, please contact the developer.

πŸ“„ License

Copyright Β© 2025 Noah Khomer. All rights reserved.

πŸ”— Links


This collection represents practical tools developed during an internship program, showcasing real-world problem-solving and web development skills.

About

Posted all the tools I developed in my internship

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages