All work

Case study

Full-Stack Web Application2023–2024

  • React
  • TypeScript
  • FastAPI
  • MongoDB
  • AWS EC2
  • AWS S3
Team projectFeatured

Team project. Frontend leadership does not imply sole authorship. Not sole authorship.

AcademEase

A student platform that centralizes academic course materials and helps students create and compare personalized semester schedules.

Schedule grid · course materials · RTL

ENFRHE · RTL

Sun

Algorithms

10:00

Mon

Databases

12:00

Tue

HCI

09:00

Wed

Networks

14:00

Drive

Past exams

Drive

Summaries

Drive

Q & A

Conceptual schedule and materials composition. Portfolio simulation only — not a live product session.

Conceptual product preview for AcademEase

Problem

Course materials and semester planning lived in fragmented places, making it harder for students to browse content and compare schedule options.

Solution

AcademEase combines a personalized drive for course materials with a schedule builder that can save and compare semester plans across English, French, and Hebrew interfaces.

Contribution

Keren’s contribution

Led frontend development after independently learning React, and contributed to backend and deployment work.

  • Led frontend development after independently learning React
  • Built significant interface and user-flow areas
  • Contributed to backend development
  • Contributed to deployment work

Team contribution

Team project — never describe as solo authorship.

  • Shared product delivery across frontend, backend, and deployment

Architecture

  • React and TypeScript frontend for course browsing and schedule planning
  • FastAPI backend with MongoDB persistence
  • AWS EC2 application hosting and AWS S3 for file storage
  • College-email authentication with registration, profile, and password reset
  • Multilingual UI with English, French, Hebrew, and RTL support

Key engineering decisions

  • Separate content browsing from schedule planning

    Drive and schedule flows share authentication while remaining distinct product areas.

  • Design for multilingual and RTL use

    Interface direction and copy support English, French, and Hebrew without treating LTR as the only layout.

Interactive demonstration

Deterministic local simulation — not a live product session.

Portfolio simulation

Portfolio simulation — fictional courses only, no student accounts.

Loading schedule simulation

Preparing Schedule · language · materials. Case-study content stays readable while this loads.

Challenge

  • Complex student workflows

    Authentication, content filtering, schedule creation, and comparison all need coherent state across the product.

Limitation

Known limitations

  • Team project; personal contribution is significant but not sole ownership.
Technical details

Technology stack

Production frontend

  • TypeScript

Backend and full-stack

  • React
  • FastAPI
  • MongoDB
  • AWS EC2
  • AWS S3

What the product covers

  • Personalized Drive

    Browse past exams, summaries, and questions and answers with filtered course-content views.

  • Schedule Builder

    Plan future semesters with preferences, save schedule options, and compare saved schedules.

  • Multilingual and RTL

    English, French, and Hebrew interfaces with RTL support and responsive layouts.

What this demonstrates

  • — Full-stack React and FastAPI product work
  • — Authenticated student workflows
  • — Multilingual and RTL interface adaptation
  • — Schedule comparison and content-filtering UX

Additional limitations

Known limitations

  • No production user metrics, commercial deployment claims, or institution-wide adoption figures are asserted.
  • The portfolio schedule preview is a static semantic simulation labeled as a portfolio demonstration.