Lukket

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.

Evner: Java, Java Spring, HMLT5, CSS, Selenium

Se mere: how to make a full stack application, how to create a full stack website, full stack app example, how to build the backend of an app, full stack web app tutorial, full-stack app generator, full stack developer tutorial, full stack development, full stack node app tutorial, full stack vue app, full stack web app using vue js & express js part 1 intro, full stack developer vs app developer, full stack app development, full stack react app, building a full stack app with react and express, building a full-stack app with react and express, react full stack app, build full stack web app, full stack mobile app developer, full stack ios app

Om arbejdsgiveren:
( 0 bedømmelser ) Hyderabad, India

Projekt ID: #27406003

2 freelancers are bidding on average ₹11861 for this job

anwaramirullah99

saya sangat membutuhkan uang ini, untuk hidup saya.. jadi berikan upah saya sesuai pekerjaan saya. saya akan memberikan hasil yang terbaik buat Anda, sehingga anda puas dengan hasil yang saya kerjakan

₹1500 INR in 7 dage
(0 bedømmelser)
0.0
rajesku6

I have 7+ years of experience in application development and design. Please feel free to contact me for further discussion.

₹22222 INR in 15 dage
(0 bedømmelser)
0.0