EMAIL CLIENT

An email client that makes API calls to send and receive emails, reply to emails, and archive/unarchive emails. The front-end was designed as a single page application (SPA).

Completed for Harvard's Web Programming with Python and JavaScript. Code available on request to prevent academic plagiarism.

OVERVIEW

PROJECT

Role

UI/UX Designer, Programmer

Team Size

1

Time

1 Month (PT)

APP

Released

2025

Platforms

Desktop (Docker)

Category

Email Client

DEVELOPMENT

Languages

JavaScript, CSS, HTML

Tech Stack

Django, Docker, SQLite

Tools

GitHub, Figma, Diagrams.net

PROJECT DUTIES

project duties image

FRONT END

  • Designed prototype layouts using Diagrams.net and Figma
  • Coded HTML layouts
  • Styled responsive pages with CSS
  • Created a dynamic SPA with JavaScript callbacks and DOM manipulation
  • Used JavaScript's fetch function to make API calls to back end
project duties image

BACK END & DEVOPS

  • Used API calls to send and receive JSON data via Django back end
  • Created a Dockerfile to build a Docker Image for deployment

PROJECT BREAKDOWN

WHAT I LEARNT

  • JavaScript basics and callbacks
  • DOM manipulation
  • Working with APIs via JSON and fetch
  • Window, document, and history JavaScript interfaces
  • The basics of single page applications