Skip to main content

​
What is School Science?

School Science is an interactive web platform designed to showcase outstanding student science projects from the 2025 exhibition. Built with React and Material-UI, it provides an engaging way to explore hands-on experiments in physics, chemistry, and engineering. The platform features four pioneering science projects:
  • Franklin Bell - Electrostatics demonstration
  • Density Tower - Fluid mechanics visualization
  • Hydraulic Arm - Force transmission through fluids
  • Lava Lamp - Biphasic fluid reactions

​
Key Features

Interactive Cards

Beautiful flip cards with hover animations for browsing projects

Image Galleries

Auto-playing carousels showcasing experiment photos

Video Tutorials

Embedded YouTube demonstrations for each experiment

PDF Resources

Downloadable guides with materials and instructions

​
Built With Modern Tech

School Science leverages cutting-edge web technologies:
  • React 19 - Latest React features for optimal performance
  • Material-UI 7 - Beautiful, accessible component library
  • Styled Components - CSS-in-JS styling solution
  • React Router 7 - Dynamic routing for project pages
  • Vite 7 - Lightning-fast build tooling
  • Lucide React - Modern icon library
The platform is designed to be responsive and works seamlessly across desktop, tablet, and mobile devices.

​
Project Structure

The application follows a clean, organized structure: 
src/
├── components/        # Reusable UI components
│   ├── FlipScienceCard.jsx
│   ├── ImageCarousel.jsx
│   ├── ContenidoVideo.jsx
│   └── BotonDescarga.jsx
├── pages/            # Page components
│   ├── Home.jsx
│   ├── ProyectoDetalle.jsx
│   └── 404.jsx
├── data/             # Project data
│   └── proyectos.js
├── App.jsx           # Main app with routing
└── main.jsx          # Entry point

​
Target Audience

School Science is designed for:
  • Students exploring science experiments
  • Educators seeking demonstration ideas
  • Parents supporting their children’s science education
  • Science enthusiasts interested in hands-on projects

​
Core Principles

The platform is built on three core principles:
  1. Educational Value - Each project includes detailed scientific explanations, materials lists, and conclusions
  2. Accessibility - Clear documentation, video tutorials, and downloadable resources make projects reproducible
  3. Engagement - Interactive UI elements and rich media content keep users engaged
All projects featured on the platform use affordable, commonly available materials to encourage reproducibility.

​
What’s Next?

Ready to get started? Check out the Quickstart Guide to set up the platform locally, or explore the Science Projects to learn about each experiment in detail.

Quickstart

Get the platform running locally in minutes

Science Projects

Explore the featured experiments

Components

Learn about the UI components

Deployment

Deploy your own instance

Build docs developers (and LLMs) love

Get started for freeTalk to us