LearnVisual is a highly visual learning platform covering algorithms, mathematics and computer networking. Every topic blends polished layouts with interactive animations so that concepts are easy to grasp and fun to explore.
- Spectacular styling – Pages share a refined aesthetic inspired by modern design systems. Smooth transitions and thoughtful color choices keep the material engaging.
- Hands‑on visuals – Each subject contains bespoke animations and step‑by‑step diagrams that turn abstract ideas into concrete experiences.
- Practical theory – Concise explanations accompany every visualization, providing just the right amount of context without overwhelming the reader.
- Dark mode support – The entire site adapts gracefully between light and dark themes.
- Framework: Next.js & React
- Styling: Tailwind CSS with custom components
- Animation: Framer Motion and CSS animations
- 3D: Three.js (select sections)
/
├─ public/ # Static assets
├─ src/
│ ├─ app/ # Next.js app router and pages
│ ├─ components/ # Visualizations and reusable UI
│ └─ styles/ # Global stylesheets
└─ ...config files
- Install Node.js (18+) and npm.
- Clone this repository and run
npm install. - Start the dev server with
npm run devand openhttp://localhost:3000. - Build a production bundle via
npm run build.
Contributions are welcome! If you have ideas for new topics or improvements, feel free to open an issue or submit a pull request.
See todo.md for planned additions and future enhancements.