Building a Full Stack – CPlayer App

Building a Full Stack – CPlayer App

Milestone 1

Create REST API to fetch data

Create a static view. This view should have angular route path as /my-recommendations.

It should contain two sections:

Search section

Recommendation section

Create a search bar with a search button to search Player.

Search section will have text field with ID #search-text-field

A button to submit search text field content with ID #search-button

On submission of search text should query the results from cricapi

Display search results.

Get the results displayed in search results section.

Give an id #search-results to search result section.

Search results should show a series of card like components and a card should have the following attributes.

Assign .cplayer-card class to each player card and all the cplayer cards displayed in all sections should have the below details with attributes.

assign .cplayer_fullName class to describe FullName.

assign .cplayer_majorteams class to to describe majorteams.

assign .cplayer_imageUrl class to show image.

assign .cplayer_country class to show country name.

toggle .recommend & .unrecommend classes to recommend and unrecommend buttons.

Create a recommend button attached with every player card. Give recommend button a class .recommen

Click on Recommend button and the button should change to Unrecommend.

The Unrecommend button should have a class .unrecommend and Recommend button should have class .recommend.

View recommended cplayer list under my-recommendations section

Display all recommended player in this section. Recommended player should be displayed under my-recommendations section.

Unrecommend button, button should change to Recommend again, players should disappear from my-recommendations section

Milestone 2

Create a Dashboard view (Angular Route /dashboard) with three sections Display Favorite, Player statistics, recommendations for a player from cricpai one under the other.

This Dashboard is the default view to be shown.

The 3 sections are:

Favorite with Id #Favorite.

Player statistics with ID #pstatistics.

Recommendations tracks with ID #recommended

View all Favorite players under Favorite section

Display all Player statistics under Player statistics section

View all players recommendations from 3rd party tracks service provider (cricapi) under recommendations section

Milestone 3 - Functional Requirements

Pagination

In case of multiple records page should have pagination option to display data in card layout

Implement Authentication

User should not be able to add anything in favorites & recommendation list until logged in.

Create Login Page

Create Register Page (User’s email address should be a userid)

Create Edit Profile / Change Password page (Email address cannot be changed)

Upload profile image while register & displaying the same in toolbar after login

Encrypt password using bcrypt while storing in database during registration

Milestone 4

Implement Test Automation – write Unit Tests for Backend and FrontEnd.

Add E2E Test Cases, Dockerize and Implement CI using Gitlab Runner.

Create the [login to view URL] file with Steps to Execute.

Java Java Spring HTML5 CSS Selenium

Project ID: #27406003

About the project