An interactive web application for exploring the electromagnetic spectrum from radio waves to gamma rays. This educational tool provides real-time visualization, unit conversion, and comprehensive information about each region of the electromagnetic spectrum.
🚀 Explore the Electromagnetic Spectrum
Experience the interactive electromagnetic spectrum explorer directly in your browser!
- 🌈 Interactive Spectrum Visualization - Full-range display with logarithmic scaling
- 🔄 Real-time Unit Conversion - Convert between wavelength, frequency, and energy
- 📚 Educational Content - Detailed information for each electromagnetic region
- 🎨 Modern UI - Responsive design with light/dark theme support
- 🧪 Scientific Accuracy - Based on NIST physics constants and peer-reviewed data
- 📱 Cross-platform - Optimized for desktop and mobile devices
For comprehensive documentation, please visit our Documentation Hub:
- User Guide - How to use the application
- Developer Guide - Development setup and guidelines
- API Reference - Component and function documentation
- Architecture - System design and technical details
- Tutorials - Step-by-step learning materials
# Clone the repository
git clone https://github.com/cameronrye/electromagnetic-spectrum-explorer.git
cd electromagnetic-spectrum-explorer
# Install dependencies
npm install
# Start development server
npm run devOpen http://localhost:5173 in your browser to explore the electromagnetic spectrum!
For detailed setup instructions, see the Developer Guide.
Click on any region of the electromagnetic spectrum to explore its properties, or use the conversion panel to input specific wavelength, frequency, or energy values. The application provides real-time visualization and educational content for each region.
For detailed usage instructions and tutorials, see the User Guide.
Built on fundamental physics relationships and NIST-certified constants, ensuring scientific accuracy across all calculations and visualizations.
For detailed physics background and technical specifications, see the Architecture Documentation.
Built with modern web technologies: React 18, Vite, D3.js, Styled Components, and Framer Motion.
For detailed technical information, see the Developer Guide and Architecture Documentation.
Comprehensive test suite ensuring physics accuracy and application reliability. Tests run automatically in development mode.
For testing details, see the Testing Guide.
This project is automatically deployed to GitHub Pages using GitHub Actions. The deployment workflow:
- Triggers: Automatically on pushes to the
mainbranch - Build Process: Uses Vite to create optimized production build
- Deployment: Publishes to GitHub Pages at cameronrye.github.io/electromagnetic-spectrum-explorer
- Status: Check the deployment status badge above
To deploy manually or to other platforms:
# Build for production
npm run build
# The dist/ folder contains all static files ready for deployment
# Upload the contents of dist/ to your hosting providerFor detailed deployment instructions and other hosting options, see the Deployment Guide.
Contributions are welcome! Please see our Contributing Guide for development guidelines and submission process.
Perfect for students, educators, researchers, and anyone curious about electromagnetic radiation and physics.
For support, troubleshooting, and bug reports, please see our Support Documentation or open an issue on GitHub.
MIT License - see the LICENSE file for details.