Key Information

Register
Submit
The challenge is finished.

Challenge Overview

Challenge Overview

This is the second learning challenge to help you get familiar with EpiServer, it will be beneficial for the upcoming real challenges.

 

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.

 

Many of the world's top brands use Episerver to power their websites, companies include Gatwick Airport, Prezzo, Marie Curie, Legoland, Pizza Hut Restaurants, TalkTalk, Virgin, Reebok, Renault, and AXA.

 

Episerver is easy to use for content editors and has an easy interface for developers to interact with it. After your website has been built, you don’t need to be an internet expert or a developer to create flexible web pages using Episerver.

 

Episerver 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.

 

It is worth getting started and learning Episerver!

Requirements for this challenge

The requirement of this challenge is simple: 

(1) Set up the development environment and install a sample site (Alloy site), if you don’t know how to do it, follow the specification of the 1st learning challenge.

(2) Create a block that handles the Topcoder member’s profile, and create a page on Alloy that shows the block.

 

The block should be able to show

  • Member handle.

  • Member photo (avatar).

  • Country

  • Skills

    • Verified (Source is from challenge)

    • Not verified (Source is from the user-added)

  • External accounts

    • Behance

    • Bitbucket

    • Dribbble

    • GitHub

    • LinkedIn

    • Stack Overflow

    • Twitter

  • Rating

    • Code

    • Assembly

    • Development (Component)

    • SRM

 

In the page, there should be a search box, we can search a member’s handle and show their profile. By default, it should show your own profile.

 

You can freely define the properties of the block, and the UI style/layout of the page.

 

You can call the Topcoder Member service API (v3) to get the info above, the details of the Topcoder Member Service API (v3) are provided in the forum, including a swagger spec and Postman collection.

 

You need to create a custom database table tblTCMemberSearch and store the following items

  • Member handle

  • Member Rating

    • Code

    • Assembly

    • Development (Component)

    • SRM

  • Timestamp that you inserted the data to the table.

 

Each time you perform the search and get the data, you should insert a record into the table tblTCMemberSearch.

 

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/

Custom database tables: https://world.episerver.com/documentation/developer-guides/digital-experience-platform/development-considerations/custom-database-tables/

 



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, you will need to modify the code of the created sample Alloy site.

  • A simple README that includes 

    • how to deploy and run your submission.

    • the schema of the custom database table tblTCMemberSearch.

ELIGIBLE EVENTS:

2021 Topcoder(R) Open

REVIEW STYLE:

Final Review:

Community Review Board

Approval:

User Sign-Off

SHARE:

ID: 30134444