Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/lipskiyp/mail
- Owner: lipskiyp
- Created: 2023-08-01T14:43:14.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-08-01T15:32:34.000Z (over 1 year ago)
- Last Synced: 2023-08-01T15:56:53.634Z (over 1 year ago)
- Topics: django, dom-manipulation, html5, javascript
- Language: Python
- Homepage: https://cs50.harvard.edu/web/2020/projects/3/mail/
- Size: 24.4 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
CS50w Project 3: JavaScript Front-End For Email ClientThe 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.