Code Monkey home page Code Monkey logo

tic-tac-toe-client's Introduction

  • ๐Ÿ‘‹ Hi, Iโ€™m @M-Yankov
  • ๐Ÿ‘€ Iโ€™m interested in web development, aslo I'm a big fan of everything that is open source,
    • I love markdown programming ... ops styling ๐Ÿ˜…
  • ๐ŸŒฑ Iโ€™m currently playing games, making videos (goPRO) using Davinci Reoslve for edit
  • ๐Ÿ’ž๏ธ Iโ€™m looking to hack something that is not working, (because all of websites across internet have a lot of errors)
  • ๐Ÿ“ซ How to reach me

tic-tac-toe-client's People

Contributors

m-yankov avatar

Watchers

 avatar  avatar

tic-tac-toe-client's Issues

More menus

Link to GitHub repository, /about page, report a bug page(will redirects to issues page in github, better solution is to make another model for reports.);

Search Filtration and sort

Filter by Game name, First player name, Second player name and status.
Order by name, date created, status.

Invite game button

implement a button or an input that shows the game URL only if the status is Waiting. Or an option for copy the link in clipboard.

Filter games

The user should have an option to filter its games. By data, name, pages, sorting by latest, name etc.

All games better design

route games\all:
show games in grid or table or

    <div class="col-md-4">{{content}}</div>
    <div class="col-md-4">{{content}}</div> .....

Wake up the server

make a logic when in app.js to make a fake request to just wake up the server.
This will fix the waiting when a user wants to login.
The method should be called only once in app.js.
It's because the first request to ASP is slow.

The details game is showed when used is loged out

all-games-template.html

hm.globallySetCurrentUser.Email == game.FirstPlayerName || hm.globallySetCurrentUser.Email == game.SecondPlayerName

hm.globallySetCurrentUser.Email is null
game.SecondPlayerName is also a 'null' value.

Error handle service

When receive a bad request from server, it should have a better service that can handle errors, extracts them from ModelState that comes from server.

Resize text

Text on some pages, should to be bigger. For example

  • games/profile - this route is wrong. Should be profile only !

Game details

Show more details in all games template
for example the date created and the ๐Ÿ”’ symbol if the game is private.

Add data service

A new angular factory which operates with server. It should be injected in every another service. Result code reuse.

Separate game controller

it should be separated to three - controllers: joinGameController , createGameController and gameDetailsController

Games caching

route games/all
cache current games until next refresh F5

ng-cloak

To use ng-cloak correct, angular references must be in <head> </head> element. Refer: ngCloak documentation

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.