● Please build “Connect Four” game using Angular 2+, Html/Css as per design:
[login to view URL]
● What is Four in Row Game? Try this Android App:
[login to view URL]
Generic Guideline
● UI should look exactly the same. Though design does not have a responsive layout,
please make it responsive with the best of your understanding. I.e. If a page has two
main columns then break it one above the other.
● Angular 2+, Html/Css should be used. But no Jquery.
● Feel free to use CSS code from design link shared. You can get CSS and Assets from
this link itself. Try clicking various icons visible on the right side of the page to get
Assets, Css etc. Feel free to use it.
● Once done, push code on github
Description for each Page mentioned in Design link above
1. Screen-1: Only "Two Players" button will be working and takes the user to the next
Screen. For other buttons, it should show Info saying "Coming Soon".
2. Screen-2: Players should be able to set their Name and Photo. Should select how
many games should be played to decide the winner. Whoever wins the maximum is
the winner for the tournament. In 5 games tournaments, whoever wins 3 or more wins
the tournament.
3. Screen-3: This opens when Player wants to choose, "Number of Games".
4. Screen-4: This opens when Player wants to choose "Who Starts".
5. Screen-5: The player whose turn is to play would have orange borders around their
photo.
6. Screen-6: When Player wins a game it would say: "Congratulations David, you won
Game <sequence number of the Game>".
7. Screen-7: When all games for a given tournament are played and David Wins. it would
say:" Congratulations David, you won the tournament".
Hello
I hope you are doing well.
I have read and understood your description.
I have rich experience in developing Angular 2+ project.
Especially, I am interested in responsive front end developement by using Angular, Bootstrap, HTML5, CSS3.
I am looking forward to working with you.
I will successfully complete your project,
Thanks.