Challenge Overview
Challenge Overview
Episerver is an online, commercial website creation tool written using the Microsoft technology stack, ASP.NET. Episerver is one of the most powerful website content management systems (CMS) in existence today.
It provides the tools for a successful website. Episerver not only provides a CMS solution for your website but it also provides extra modules that can be integrated easily to add quick enhancements to your website. These modules include forms, e-Commerce, Marketing automation, Social, Analytics. More information about this is here.
Requirements for this challenge
-
Set up the development environment and create an empty site, if you don’t know how to do it, you can take the specification of the 1st learning challenge as a reference.
-
Create a simple site for a bank, the details are below.
The simple site only contains one page, and it is dynamically detecting the visitor location information and showing content in the native language of that location.
The valid locations and native languages are
-
North America
-
United States (English)
-
-
Europe
-
Spain (Spanish)
-
Sweden (Swedish)
-
-
Other (English)
If the visitor’s location is not in the list, fallback to Other.
If the local language is not available in Episerver then fallback language to be used as English.
1. Page structure
The page structure should be as below
-
Location and Investor Type selection interface – top right corner
-
A sample Header
-
A sample menu (max. 3-4 menu items)
-
Page content area
-
Contains 3 content blocks
-
Each block can contain some images and texts
-
-
A sample footer
You can design the UI interface of the page freely, as long as it looks good.
The UI should be responsive in Desktop, Tablet, Mobile viewport.
2. Location and Investor Type selection
The user should be able to view the “Location & Investor Type” selector tool at the top right corner of the page.
if I click on the tool, a popup window will open which will show the regions as shown in the above diagram.
The user should be able to select the location from the valid locations mentioned above.
Once the location has been selected, the user should be able to select the Investor Type, the valid Investor Type are
-
Institutional
-
Financial Advisor
-
Individual
Once the Investor Type option has been selected, the selector tool popup will automatically close and disappear, and the language of the site is changed as per the selected location.
The user can change the location and Investor Type at any time.
3. Blocks
The following items should be blocks, so that the site admin can create and edit the content in different languages, and place them in a page.
-
A sample Header
-
A sample menu (max. 3-4 menu items)
-
Page content area
-
Contains 3 content blocks
-
Each block can contain some images and texts
-
-
A sample footer
You need to provide a link for the site admin login, and also provide the credentials of the site admin.
Resources for learning
Getting started guide: https://world.episerver.com/documentation/developer-guides/CMS/getting-started/
Page types and templates: https://world.episerver.com/documentation/developer-guides/CMS/Content/Page-types-and-templates/
Block types and templates: https://world.episerver.com/documentation/developer-guides/CMS/Content/Block-types-and-templates/
Final Submission Guidelines
Submit a zip archive, including
-
The video that shows your submission meets all the requirements above. Please upload your video elsewhere (like in Youtube, Google Drive, Dropbox etc) and share the link in your submission.
-
The source code of your submission.
-
A simple README about how to deploy and run your submission.