Odds and Evens Sorter

Interactive web app for sorting numbers into odd and even categories with real-time visualization

HTML5CSS3JavaScript (ES6)DOM ManipulationEvent HandlingNetlify
Odds and Evens Sorter interface showing number bank and sorted categories

Project Overview

Odds and Evens Sorter is an educational web application that demonstrates fundamental JavaScript concepts through an interactive number sorting interface. Built with vanilla JavaScript, HTML5, and CSS3, the application allows users to input numbers into a "number bank" and then sort them into odd and even categories using different sorting strategies. The project showcases DOM manipulation, event handling, and array operations without any external dependencies. The application features a clean, intuitive interface with real-time updates as numbers are sorted. Users can choose between sorting numbers one at a time for educational purposes or sorting all numbers at once for efficiency. The implementation uses modular JavaScript with clear separation of concerns, demonstrating best practices for small-scale web applications while maintaining simplicity for learning purposes.

Key Features

  • Implemented pure vanilla JavaScript solution with zero dependencies
  • Created intuitive UI with real-time number sorting visualization
  • Achieved instant sorting performance with optimized array operations
  • Built responsive design that works across all device sizes
  • Deployed production site with continuous deployment via Netlify

Technical Implementation

This project was built using modern web technologies and best practices to ensure optimal performance, maintainability, and user experience.

Project Details

Status
Completed
Year
2023
Category
web-app

Tech Stack

HTML5CSS3JavaScript (ES6)DOM ManipulationEvent HandlingNetlify