/entombed-ui

Primary LanguageJavaScript

Elegy

Deployment Status: CircleCI

View App: https://elegy-app.herokuapp.com/

Back-End Repo: https://github.com/entombed-app/entombed_api

Table of Contents

Overview

The Elegy app allows users to create their own memorial pages. Users can create lasting gifts to their loved ones by curating photos and memories, and can be remembered in the way they'd like by writing their own obituary. Users select 'executors' who will be able to share the user's memorial page upon the user's death, and also select recipients who are to be notified upon the user's death. This allows the user's next of kin to notify a user-curated list of people upon the user's death with the push of a button, helping to eliminate an emotionally draining task from an already difficult time.

The Elegy app interfaces with a custom-built REST API on the backend to store users, their photos, their executors and recipients.

Installation and Viewing

This application is deployed to Heroku. You may view the live application here

To view this application on your local device:

  • Clone down this repository
  • Run npm i in your terminal
  • Run npm start in your terminal
  • To view Cypress tests open a separate tab in your terminal and run npm run cypress

Technologies Used

React Badge JavaScript Badge HTML5 Badge CSS3 Badge Cypress Badge

Features

  • Users can login and update their own memorial page by:

    • Adding photo highlights of their life to their gallery
    • Updating or editing their obituary
    • Changing their profile picture

  • Users can view:

    • Their chosen executor who will manage their memorial page upon the user's death
    • A preview of what their memorial page will look like to visitors
    • A countdown clock which estimates the longest amount of time the user might live

  • An email will be sent out to a user's recipients containing a link to their memorial page when the countdown expires

  • Elegy is also a progressive web app which gives users the ability to:

    • Download the application to their phone or desktop
    • View all of their most recently updated content before going offline
    • Save updates to their application like changing their profile picture which will be completed when going online again

Sample Profile Screenshots and GIFs

Dashboard

Dashboard Navigation

Editing Obituary

Clock

Gallery

Executor

Obituary

Summary

Wireframes

Dashboard

- Countdown Wireframe:

Countdown

Future Additions

  • Add user creation page
  • Add recipients creation/management view
  • Add executors creation/mangement view
  • Add more functions to background sync
  • Add delete gallery photos function
  • Enhance styling and add more information to obituary page
  • Add ability to change countdown
  • Add ability to manually send memorial email
  • Add ability to send email to executor when countdown ends with user login information

Authors

Front-End Team

Back-End Team

Back to top