Challenge Overview
The U.S. Dept. of Veterans Affairs (The VA), are developing an application that will allow registered family members and the general public to find deceased veterans that buried at national cemeteries around the United States, and leave stories, photos, comments, memories, etc. to that person's profile. Approved family members or Next of Kins (NOKs) will be allowed to edit and update the person's profile information, included profile image, live events, and additional details about the person. The NOK will act as the "moderator" for the profile.
In this challenge, we are looking for you to convert the provided design into a UI prototype using ReactJS. This app will be designed to be a responsive web app, which will primarily be used on a desktop (1200px), but keep in mind this prototype needs to be responsive since it will be designed for additional devices (mobile/tablet) in the future so please use all the major responsive components when possible.
Marvel app link and PSD design sources are provided in the forums. Screens 01-23 are in scope.
Use a json file as source of data and don't use any hardcoded data values in the components.
We already have a base code for the frontend and you should start from there. It has some features for authorization/authentication, but you can ignore these for now, just display the home page on load. Base code is available here.
Screens
Home (01-03)
Show validation errors for the input fields on login/register form
Search (04-06)
Use json file as the source of data
Profile (07-23)
This is the central part of the application with support for photos, badges, testimonials, events. Show validation errors on form inputs. Use json file as the source of data.
Browser requirements
-
IE11+, Edge
-
Latest Google Chrome (Windows, Mac OS & Tablet devices).
-
Latest Safari (Windows, Mac OS & Tablet devices).
-
Latest Firefox (Windows & Mac OS).