Giter VIP home page Giter VIP logo

darts-scorer's Introduction

Hi there 👋

Hello there! My name is David Fernández. I'm a web developer currently living in Málaga, Spain and currently working at Madein:Media as a Junior Backend Developer. Thought I work as a Backend developer I love JavaScript and I have done projects with two of the most important frameworks of the Frontend (Angular & React:heart:).

You can find me on LinkedIn or send me an email. The contact information is down below. 🔽


A little more about me

I'm a web developer and I love programming and because of this I usually spend most of my time doing tech related stuff even if I do not end up publishing it. I have made several projects so far in different tech stacks. I am always learning new things, practicing and getting better in the things I already think I know.

It's a never ending learning experience!


Curious Information

  • 🤗 Pronouns: He/Him.
  • 🔨 Frameworks used: React (library), Angular, Laravel, Symfony, ...
  • ⭐ Favorite programming language: JavaScript.
  • ☁️ Prefered season of the year: ❄️.
  • 💹 Clean code lover.

My GitHub Stats

My Stats

My Top Langs

My Skill Set

React HTML5 JavaScript Chart.js Angular TypeScript Docker Jest Ionic Mocha Material UI CSS3 Git
PHP Node.js Nginx Express.js Symfony PostgreSQL Java Laravel MySQL
Linux Bash Jenkins GitLab

Connect with me


darts-scorer's People

Contributors

davidffdaw avatar

Stargazers

 avatar  avatar

Watchers

 avatar

darts-scorer's Issues

Install i18n

Allowing the app to grow into different languagues support.

Cricket Panel Fix

As the last thing tha t was done yesterday the cricket panel on mobile was doing some weird stuff when changing turns and stuff.

Take a look at that and fix the panel.

Review Performance LightHouse

Performance of the app currently ranks at 87 which is good but can be better.
Check this and try to make to a better number in terms of performance

The current ranking on Google LightHouse is:

Rank Main Issues
Performance 87 Speed Index, Largest Contentful Paint
Accesibility 100
Best Practices 92 Cookie(animate.css), source maps (Js)
SEO 100
SEO Non-Installable Manifest maskable, ServiceWorker

Cache Animate CSS

Cache animate.css into a local file in the app.
This way it will not depend on a network request that can break.
It will also make the application load faster and not depend on a third party file.

Add 301GameService

Service to manage the 301 gamemode of darts which will be very similar to 501.

Services Singleton Pattern Implementation

Services as CricketGameService and 301GameService must implement this pattern to make sure that there's only one instance of these services running in the whole applciation.

LocalStorage Terms of Use

Display popup on top of the page showing an alert that this site use localStoraging to work and lets you accept it or not

Cricket Board Render

Split the scorer array in half and render two pieces around the main vertical point bar

PlayerService Turns

In PlayerService (so called UserService) add turn control.
players = [ player1, player2, player3 ]

Add methods to retrieve the name of the user of the current turn and when the turn ends get to the next player.
When you reach the end of the players array move back to the first player of all.

Methods:

  • _setTurn(): void
  • getCurrentUserTurn(): string
  • nextTurn(): void

Contact Page: Socials Footer Half Page

Add footer with links to social media and this repository and another link to the issues panel of the repo to manually report a bug.
This footer should appear animated and occupy half the height on the page with opacity on the background or rgb with alpha channel.

Update README

Add info of the App and add design images and author

Add PlayersService

Service to manage the different players and their score which is managed in the different gamemodes services

PopUp Component Abstraction

Abstract Popup to its own component accepting parameters such as:

  • [ content ]: the text for the popup
  • [ link ]: href parameter to display an alternate button
  • [ closeState ]: callback of the state setter for the popup show state

Redirector Hook

Add a hook that checks if exist in localStorage the data from an old game.
If the data exists redirects to that old game page.
If data do not exist redirects to the choosing game and players page.

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.