GeeMail is a coding exercise meant to simulate an e-mail web application inbox.
- Author: FVCproductions
- Source Code: GitHub
Completed Project can be found here.
- coding challenge done for DevLeague
- simple simulation of a little known current e-mail web application
I needed the following tools:
-
Fork repository to own GitHub profile and clone to local machine.
-
Create basic page layout via HTML/CSS with top header section with name of application and content section where messages will be displayed.
-
When page loads, via JavaScript access our pre-populated data stored in the
window.geemailsvariable. Each object in the array has following properties:date- The date message was sentsubject- The subject of the messagesender- The sender of the messagebody- The GeeMail message content
-
With this data, make a visual list of mail messages on the page with following minimum requirements:
- Each message should have it's own row showing:
- Date
- Sender
- Subject
- When clicking on a message, provide some method of showing message for that row.
- Each message should have it's own row showing:
-
Show an inbox count somewhere on page to show current number of messages in inbox.
-
Set recurring function to via JavaScript
setIntervalfunction that will call existinggetNewMessagefunction that was already created that will return a newly created message with same properties as previous messages. -
All CSS styles should be created in
css\style.cssfile included in project. -
All JavaScript should be created in
<head>element in includedindex.htmlfile inside ofwindow.onloadfunction already created in<head>section.
- January 2015