Living Progress - Build - POL - Develop Frontend Code for Authentication

Welcome to Living Progress - Build - POL - Develop Frontend Code for Authentication. As part of this contest, you will refactor our existing prototype to use Vue.js and implement some basic features.

 

Contest Details

We currently have a prototype for the front end of our application. We would like you to use Vue.js and re-build the prototype using this framework. Not all pages are in scope for this contest. Thus, before refactoring the code, please ensure that you focus only on the pages listed below:

 

- login.html

- admin-my-profile.html

- my-profile.html

- register-as-volunteer.html

 

The features you need to provide are:

1. Support authentication and user sessions

2. Basic Registration, login and logout.

3. Edit Profile (again, just basic features)

4. Provide a mock endpoint / stub for facebook based authentication

 

Points to Note

- For authentication, you need to implement an OAuth 2 based authentication. You can use our client’s Change-Maker application to set this up. The server has already been set up for you and can be accessed here.

- There is no server required. You need to use surge.sh to host your app.

- You are required to use ES2015 (ES6) along with Babel and Webpack for the front end. Please make sure that you organize the front end code efficiently and make it easy to maintain the code base.

- Pages in the prototype that are not in scope need not be submitted

- Since the OAuth 2 endpoint is providing very minimal information on the user, in the edit profile page, you can use mock data for the components that do not have corresponding data from the OAuth 2 endpoint.

- Ditto with registration too. Only make the fields that the OAuth 2 endpoint returns as mandatory. Other remaining fields need to be optional.

- Organize your code well. Build components and then integrate these components as opposed to building everything together at the same time. The client is looking for reusable components, particularly, the user component that is compatible with the OAuth 2 server mentioned earlier

Final Submission Guidelines

Create a .zip file of your submission and upload it to Topcoder. The output of this project should be static HTML and Vuejs Javascript components. Additionally, please provide the surge.sh Page link where you have hosted the site.
You need to use this format for the Deployment Guide. For verification, include the URL to access your surge.sh page hosting the app.