{"id":28757079,"url":"https://github.com/flexycode/ccphys2l_flexycode","last_synced_at":"2025-10-03T14:44:59.079Z","repository":{"id":299369877,"uuid":"1002754927","full_name":"flexycode/CCPHYS2L_flexycode","owner":"flexycode","description":null,"archived":false,"fork":false,"pushed_at":"2025-06-16T06:54:05.000Z","size":70,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-06-16T07:46:59.054Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/flexycode.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-06-16T05:08:28.000Z","updated_at":"2025-06-16T06:54:08.000Z","dependencies_parsed_at":"2025-06-16T07:47:00.559Z","dependency_job_id":"bf496b75-cb53-4f15-a14f-ab7896deb7f6","html_url":"https://github.com/flexycode/CCPHYS2L_flexycode","commit_stats":null,"previous_names":["flexycode/ccphys2l_flexycode"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/flexycode/CCPHYS2L_flexycode","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flexycode%2FCCPHYS2L_flexycode","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flexycode%2FCCPHYS2L_flexycode/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flexycode%2FCCPHYS2L_flexycode/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flexycode%2FCCPHYS2L_flexycode/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/flexycode","download_url":"https://codeload.github.com/flexycode/CCPHYS2L_flexycode/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flexycode%2FCCPHYS2L_flexycode/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260281517,"owners_count":22985631,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-06-17T03:09:47.445Z","updated_at":"2025-10-03T14:44:58.954Z","avatar_url":"https://github.com/flexycode.png","language":"TypeScript","readme":"# Physics Learning Platform 🚀\n\nA comprehensive, interactive web application designed to help students master Physics 2 concepts through visualization, simulations, and hands-on learning. Built with modern web technologies and featuring a stunning quantum physics-themed interface.\n\n![Physics Learning Platform](https://images.unsplash.com/photo-1635070041078-e363dbe005cb?w=1200\u0026h=600\u0026fit=crop)\n\n# 💫 CCPHYS2L - COLLEGE PHYSICS 2\n\n### Name: [Jay Arre Talosig](https://github.com/flexycode)  \n### Subject \u0026 Section: CCPHYS2L - COM231 \n### Schedule: WED 07:00 AM - 11:00 AM 501 MB - SAT 07:00 AM - 11:00 AM ANB\n### Professor: Mr. Raul B. Borlungay\n### No. of Units: 3 Units\n### Prerequisite: [CPHYS2L: COLLEGE PHYSICS 1](https://github.com/flexycode/CCPHYS1L)\n### Final Project: [Physics 2 Final Project](https://ccphys2l-flexycode.netlify.app/)\n\n## 🌟 Features\n\n### 🎯 Interactive Learning Experience\n- **Quantum-themed Landing Page**: Immersive multiverse design with animated particle backgrounds\n- **7 Comprehensive Physics Lessons**: Complete coverage of Physics 2 curriculum\n- **Real-time Simulations**: Interactive visualizations for each physics concept\n- **Dual Calculator System**: Scientific calculator and Desmos graphing calculator integration\n- **Video Integration**: Curated YouTube lessons for each topic\n\n### 📚 Physics 2 Curriculum Coverage\n1. **Electric Charge** - Fundamental properties and Coulomb's Law\n2. **Electric Field** - Field visualization and calculations\n3. **Electric Potential** - Potential energy and voltage concepts\n4. **Capacitors** - Energy storage and circuit applications\n5. **Resistivity \u0026 Resistance** - Material properties and circuit analysis\n6. **Ohm's Law** - Current, voltage, and resistance relationships\n7. **Maxwell's Equations** - Electromagnetic field theory\n\n### 🛠️ Advanced Tools\n- **Scientific Calculator**: Full-featured calculator with physics constants\n- **Desmos Integration**: Advanced graphing and mathematical visualization\n- **Interactive Simulations**: Real-time physics demonstrations\n- **Formula References**: Quick access to important equations\n- **Responsive Design**: Optimized for all devices\n\n## 🚀 Technology Stack\n\n- **Frontend**: React 18 with TypeScript\n- **Build Tool**: Vite for fast development and optimized builds\n- **Styling**: Tailwind CSS with custom animations\n- **Animations**: Framer Motion for smooth transitions\n- **Icons**: Lucide React for consistent iconography\n- **Routing**: React Router DOM for navigation\n\n## 📦 Installation\n\n1. **Clone the repository**\n   ```bash\n   git clone https://github.com/your-username/physics-learning-platform.git\n   cd physics-learning-platform\n   ```\n\n2. **Install dependencies**\n   ```bash\n   npm install\n   ```\n\n3. **Start development server**\n   ```bash\n   npm run dev\n   ```\n\n4. **Build for production**\n   ```bash\n   npm run build\n   ```\n\n5. **Preview production build**\n   ```bash\n   npm run preview\n   ```\n\nAccess local server at `http://localhost:5173`\n\n\n## 🎨 Design Philosophy\n\n### Visual Design\n- **Quantum Aesthetics**: Dark cosmic theme with gradient backgrounds\n- **Color Palette**: \n  - Primary: Electric Blue (#3b82f6)\n  - Secondary: Cosmic Purple (#8b5cf6)\n  - Accent: Quantum Teal (#06b6d4)\n  - Energy: Physics Orange (#f59e0b)\n- **Typography**: Clean, modern fonts with proper hierarchy\n- **Animations**: Smooth transitions and micro-interactions\n\n### User Experience\n- **Intuitive Navigation**: Clear lesson structure and easy access\n- **Progressive Learning**: Concepts build upon each other\n- **Multi-modal Learning**: Visual, auditory, and interactive elements\n- **Accessibility**: Responsive design for all devices\n\n## 📖 Usage Guide\n\n### Getting Started\n1. **Explore the Landing Page**: Navigate through the quantum-themed interface\n2. **Select a Lesson**: Choose from 7 comprehensive physics topics\n3. **Interactive Learning**: Use simulations, videos, and calculators\n4. **Practice Calculations**: Utilize both scientific and graphing calculators\n\n### Lesson Structure\nEach lesson includes:\n- **Overview Tab**: Key concepts and important formulas\n- **Simulation Tab**: Interactive physics demonstrations\n- **Graphing Tab**: Desmos calculator for mathematical visualization\n- **Scientific Calc Tab**: Advanced calculator with physics constants\n\n### Calculator Features\n- **Scientific Calculator**: Trigonometric functions, logarithms, physics constants\n- **Desmos Integration**: Advanced graphing capabilities\n- **Physics Constants**: Quick access to fundamental constants\n- **Memory Functions**: Store and recall calculations\n\n## 🔧 Development\n\n### Project Structure\n```\nsrc/\n├── components/          # Reusable UI components\n│   ├── Navigation.tsx   # Main navigation component\n│   ├── ParticleBackground.tsx  # Animated background\n│   ├── PhysicsSimulation.tsx   # Interactive simulations\n│   ├── ScientificCalculator.tsx # Advanced calculator\n│   ├── DesmosCalculator.tsx    # Graphing calculator\n│   └── QuantumCard.tsx  # Feature cards\n├── pages/              # Main application pages\n│   ├── LandingPage.tsx # Quantum-themed home page\n│   ├── LessonPage.tsx  # Individual lesson pages\n│   └── CalculatorPage.tsx # Dedicated calculator page\n└── styles/             # Global styles and animations\n```\n\n### Key Components\n\n#### PhysicsSimulation.tsx\nInteractive canvas-based simulations for each physics concept:\n- Real-time parameter adjustment\n- Visual representation of formulas\n- Animated demonstrations\n\n#### ScientificCalculator.tsx\nFull-featured scientific calculator with:\n- Trigonometric functions\n- Logarithmic operations\n- Physics constants integration\n- Memory functions\n\n#### ParticleBackground.tsx\nAnimated particle system creating the quantum aesthetic:\n- Dynamic particle generation\n- Interactive connections\n- Responsive to screen size\n\n## 🎯 Learning Objectives\n\n### Electric Charge\n- Understand fundamental charge properties\n- Apply Coulomb's Law calculations\n- Visualize charge interactions\n\n### Electric Field\n- Conceptualize field lines and strength\n- Calculate field values at various points\n- Understand superposition principles\n\n### Electric Potential\n- Distinguish between potential and potential energy\n- Calculate work done in electric fields\n- Understand equipotential surfaces\n\n### Capacitors\n- Analyze energy storage mechanisms\n- Calculate capacitance values\n- Understand series and parallel combinations\n\n### Resistivity \u0026 Resistance\n- Understand material properties\n- Apply resistance formulas\n- Analyze temperature effects\n\n### Ohm's Law\n- Master V=IR relationships\n- Calculate power dissipation\n- Analyze simple circuits\n\n### Maxwell's Equations\n- Understand electromagnetic field relationships\n- Visualize wave propagation\n- Connect electricity and magnetism\n\n## 🔬 Physics Constants Reference\n\nThe platform includes quick access to fundamental physics constants:\n\n- **Coulomb's Constant**: k = 8.99 × 10⁹ N⋅m²/C²\n- **Permittivity of Free Space**: ε₀ = 8.85 × 10⁻¹² F/m\n- **Elementary Charge**: e = 1.602 × 10⁻¹⁹ C\n- **Electron Mass**: mₑ = 9.109 × 10⁻³¹ kg\n\n## 🎥 Video Integration\n\nEach lesson features carefully selected YouTube videos:\n- Expert explanations of complex concepts\n- Visual demonstrations and experiments\n- Step-by-step problem solving\n- Real-world applications\n\n## 📱 Responsive Design\n\nThe platform is fully responsive across all devices:\n- **Desktop**: Full-featured experience with side-by-side layouts\n- **Tablet**: Optimized touch interactions and readable text\n- **Mobile**: Streamlined interface with collapsible navigation\n\n## 🚀 Performance Optimizations\n\n- **Code Splitting**: Lazy loading of lesson components\n- **Image Optimization**: Efficient loading of visual assets\n- **Animation Performance**: Hardware-accelerated transitions\n- **Bundle Optimization**: Tree-shaking and minification\n\n## 🔮 Future Enhancements\n\n### Planned Features\n- **User Accounts**: Progress tracking and personalized learning\n- **Interactive Quizzes**: Assessment tools for each lesson\n- **3D Visualizations**: Advanced WebGL-based simulations\n- **Collaborative Features**: Study groups and shared calculations\n- **Mobile App**: Native iOS and Android applications\n\n### Advanced Simulations\n- **Electromagnetic Wave Propagation**: 3D wave visualization\n- **Circuit Builder**: Interactive circuit construction\n- **Field Mapping**: Real-time field line generation\n- **Particle Accelerator**: Advanced particle physics simulations\n\n## 🤝 Contributing\n\nWe welcome contributions to enhance the Physics Learning Platform:\n\n1. **Fork the repository**\n2. **Create a feature branch**: `git checkout -b feature/amazing-feature`\n3. **Commit changes**: `git commit -m 'Add amazing feature'`\n4. **Push to branch**: `git push origin feature/amazing-feature`\n5. **Open a Pull Request**\n\n### Contribution Guidelines\n- Follow TypeScript best practices\n- Maintain consistent code formatting\n- Add comprehensive comments for complex physics calculations\n- Test across multiple devices and browsers\n- Update documentation for new features\n\n## 📄 License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n## 🙏 Acknowledgments\n\n- **Physics Community**: For providing excellent educational resources\n- **YouTube Educators**: For creating comprehensive physics lessons\n- **Desmos**: For their excellent graphing calculator platform\n- **Open Source Community**: For the amazing tools and libraries\n\n## 📞 Support\n\nFor support, questions, or suggestions:\n- **Email**: support@physicslearningplatform.com\n- **GitHub Issues**: [Create an issue](https://github.com/your-username/physics-learning-platform/issues)\n- **Documentation**: [Wiki](https://github.com/your-username/physics-learning-platform/wiki)\n\n---\n\n**Built with ❤️ for physics education and powered by modern web technologies**\n\n*Explore the universe of physics through interactive learning!* 🌌⚡🔬\n\n\n# 📫 Changelogs\n\n## [0.0.1] - 2025-03-20     \n### Added  \n- ✨ Create Repository for Physics\n\n### Changed\n- ✨ Folder set rename\n\n### Fixed \n- ✨ Fix changelogs\n\n## [0.0.1] - 2025-06-15     \n### Added  \n- ✨ Create Repository for Physics 2 Final Project\n\n💫 CCPHYS2L - PHYSICS 2\n\n\u003c!-- Introduction Pannel button link, it will redirect to the top --\u003e\n#### [Back to Table of Content](#ccphys1l)\n\n\u003c!-- End point line insert Thanks for visiting enjoy your day, feel free to modify this; Previous Professor \"Clarisson Rizzie Canlubo\"  --\u003e\n---\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"https://readme-typing-svg.demolab.com/?lines=Thanks+For+Visiting+Enjoy+Your+Day+~!;\" alt=\"mystreak\"/\u003e\n\u003c/p\u003e\n\n\u003c!-- Genshin Impact --\u003e\n\u003cdiv align=\"center\"\u003e\n\u003cimg src=\"https://media.giphy.com/media/wcVQHVg5lYsCDkxz4J/giphy.gif?cid=ecf05e47yz4oc4o3pl85zwujqt2e6xumb1fhticxniefaqmu\u0026ep=v1_stickers_search\u0026rid=giphy.gif\u0026ct=s\" width=\"300\"\u003e\n\u003c/div\u003e\n\n\u003c!-- End point line insert Comeback again next time, feel free to modify this \n\u003cp align=\"center\"\u003e\n\u003cimg src=\"https://readme-typing-svg.demolab.com/?lines=💎💎Come+Back+Again+next+time💎💎\" alt=\"mystreak\"/\u003e\n\u003c/p\u003e\n --\u003e\n \n\u003c/p\u003e\n    \n\u003cbr\u003e\n\u003c!-- End point insert background effect line of sight color red --\u003e\n\u003cimg src=\"https://user-images.githubusercontent.com/74038190/212284100-561aa473-3905-4a80-b561-0d28506553ee.gif\" width=\"1000\"\u003e\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fflexycode%2Fccphys2l_flexycode","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fflexycode%2Fccphys2l_flexycode","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fflexycode%2Fccphys2l_flexycode/lists"}