Jenny Makki

Teacher's Site

A modern science learning platform with downloadable lesson materials, built using Next.js and TypeScript.

Next.jsReactTypeScriptTailwind CSSEducationResponsive DesignVercelFrontend

Project Goal

The goal of this project was to create a modern digital learning platform where students can easily access and download educational resources. The focus was on improving usability, responsiveness, and maintainability through reusable components and a scalable Next.js architecture.

Key Features

  • Built with Next.js App Router
  • Responsive design for mobile and desktop
  • Structured navigation between science subjects
  • Downloadable lesson materials and presentations
  • Reusable React components
  • Modern UI built with Tailwind CSS
  • SEO-friendly metadata configuration

Snapshots

snapshot-0

The landing page introduces students to the platform with clear subject navigation, modern card-based layouts, and a science-inspired visual design.

snapshot-1

Each subject page presents available courses and learning materials in a structured and easy-to-navigate format.

Role & Learning

I designed and developed the entire application, including the UI, component architecture, routing structure, and content organization. During the project, I strengthened my skills in Next.js, TypeScript, Tailwind CSS, responsive design, component-based development, and modern deployment workflows using Vercel.

View RepositoryLive Demo