An interactive educational website celebrating the life, discoveries, and legacy of Marie Curie - the first woman to win a Nobel Prize and the only person to win Nobel Prizes in two different scientific fields.
This project is an immersive educational experience designed to introduce users to Marie Curie's extraordinary contributions to science. The website features interactive elements, 3D visualizations, and engaging content to make learning about this pioneering scientist both informative and enjoyable.
- Interactive 3D Elements: Atomic models, particle simulations, and cosmic backgrounds
- Responsive Design: Fully optimized for all devices from mobile to desktop
- Interactive Timeline: Explore Marie Curie's life journey chronologically
- Scientific Visualizations: 3D models of radioactive elements
- Knowledge Quiz: Test your understanding with an interactive quiz
- Modern UI/UX: Elegant animations, transitions, and micro-interactions
- Home: Introduction with cosmic theme and 3D elements
- Biography: Interactive timeline of Marie Curie's life
- Discoveries: 3D models of atoms and explanations of scientific breakthroughs
- Legacy: Impact on medicine, science, and women in STEM
- Quiz: Interactive knowledge test with instant feedback
- Framework: Next.js 14 (App Router)
- Styling: Tailwind CSS
- 3D Rendering: React Three Fiber / Three.js
- Animations: Framer Motion
- UI Components: shadcn/ui
- Icons: Lucide React
- Typography: Google Fonts (Merriweather, Inter, Poppins)
- Node.js 18.17.0 or later
- npm or yarn
- Clone the repository:
git clone https://github.com/yourusername/marie-curie-website.git cd marie-curie-website