Skip to content
DevLeague Coding Challenge 🌴
Branch: master
Clone or download
Pull request Compare This branch is 6 commits ahead, 4 commits behind devleague:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css
js
LICENSE.txt
README.md
index.html

README.md

GeeMail

GeeMail is a coding exercise meant to simulate an e-mail web application inbox.


Completed Project can be found here.


Description

  • coding challenge done for DevLeague
  • simple simulation of a little known current e-mail web application

Pre-Requisites

I needed the following tools:


Objectives

  1. Fork repository to own GitHub profile and clone to local machine.

  2. Create basic page layout via HTML/CSS with top header section with name of application and content section where messages will be displayed.

  3. 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 sent
    • subject - The subject of the message
    • sender - The sender of the message
    • body - The GeeMail message content
  4. 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.
  5. Show an inbox count somewhere on page to show current number of messages in inbox.

  6. Set recurring function to via JavaScript setInterval function that will call existing getNewMessage function that was already created that will return a newly created message with same properties as previous messages.

  7. All CSS styles should be created in css\style.css file included in project.

  8. All JavaScript should be created in <head> element in included index.html file inside of window.onload function already created in <head> section.


Dates

  • January 2015
You can’t perform that action at this time.