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.geemails
variable. 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
setInterval
function that will call existinggetNewMessage
function 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.css
file included in project. -
All JavaScript should be created in
<head>
element in includedindex.html
file inside ofwindow.onload
function already created in<head>
section.
- January 2015