A single page responsive application with a set of mini apps (mail, note, book), built over a duration of 4 days. Check it out here!
- Reusable Components (LongTxt, UserMsg...)
- EventBus communication (useful components located at different areas of the DOM).
- QueryString Params- a query string is the part of a uniform resource locator (URL) which assigns values to specified parameters. Query string parameters are a useful way to communicate between routes adding optional parameters.
- Meaningful demo data (including data from Google API)
An email client app built by Moria Hamami, with a design inspired by Gmail. The user can view his inbox and other folders, view an email, and compose new emails. This app does not work with a real server, so emails are not really sent, but the user experience feels real.
- A list of emails display.
- A click on an email opens an email-preview.
- A click on an email-preview opens the email for reading.
- A read/unread state per email.
- An unread emails count display.
- Compose – creating a new email and sending it.
- Filtering emails: by search and by read/unread.
- Sorting emails: by date, subject, starred emails, sent emails and removed emails.
- Integration with Notes app - export button which saves an email as a note.
- Manually marking an email as read/unread.
- Manually marking an email as starred.
- When removing an email (e.g. from inbox) it is displayed in the trash folder.
- When removing an email from trash folder the email gets truly deleted.
- Add a draft folder – email that is being composed is auto saved every 5 seconds and can be viewed in the draft folder until sent.
An app built by Yael Tal, that keeps notes (inspired by "Google Keep").
- The ability to create, update and delete notes (CRUD).
- Supports setting the note's background color.
- Supports filtering notes by search.
- There are several types of notes: text, image and video.
- Integration with Email app - an export button which sends a note's content straight into the compose-message page in the mail app (using queryString params).
A CRUD application which manages a book entity built by both Yael Tal & Moria Hamami.
- Google books API- using the Google books API to fetch a list of books which match the search term. We used debounce to minimize API calls. When adding a book from the Google books API, we use a function that converts the argument passed to it, from the Google books API format to the format we have used in our database, and adds it to the application’s book database in local storage.
- Reviews- the user can add a review on each book.
- User messages using the event bus
- Routing