Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/lipskiyp/mail

CS50w Project 3: JavaScript Front-End For Email Client
https://github.com/lipskiyp/mail

django dom-manipulation html5 javascript

Last synced: 4 days ago
JSON representation

CS50w Project 3: JavaScript Front-End For Email Client

Awesome Lists containing this project

README

        

# Mail
CS50w Project 3: JavaScript Front-End For Email Client

The app let's users view different mailboxes (Inbox/Sent/Archive), archive emails, as well as compose, send and reply to emails via API - all implemented on a single html template with JavaScript.

### Specification:

### Video Demo:

### mail/static/mail/inbox.js
Contains JavaScript front-end implementation.

* compose_email() - loads email compositon view (with optional pre-filled fields).
* load_mailbox() - loads the mailbox view with it's content.
* show_error() - displays error alert at the top of the template.
* GET_emails_mailbox() - submits GET request to API to laod all emails in a mailbox.
* GET_emails_email() - submits GET request to API to load the email.
* POST_emails() - submits POST request to API that sends an email.
* PUT_emails_read() - submits PUT request to API that updates 'read' attribute.
* PUT_emails_archived() - submits PUT request to API that updates 'archived' attribute.
* create_mailbox_element() - generates html elements that dispaly all email snapshots in a given mailbox.
* create_email_view() - generates html element that dispalys the email content.