betting-game-frontend

Link to Backend repo: https://github.com/NovatecConsulting/betting-game-backend

Goals

In this project, the three most popular frontend frameworks Reactjs, Vuejs and Angular are compared with each other. Each project will be implemented after the same technical requirements, which will be used to analyze the pros and cons as well as the scenarios which project will be more suitable for the objective.

When there are different libraries serving the same purpose in a framework, each of them will also be compared, serving this project as experimental guidelines for future's decisions.

Criteria

• Initilizing project with core dependencies:

  Dependency	Angular	Reactjs	Vuejs
  linting	eslint	eslint	eslint
  formatter	prettier	prettier	prettier
  UI library		Material Components
  CSS library	tailwindcss	tailwindcss
  store	@ngxs	react-hooks	vuex
  i18n	@angular/localize vs ngx-translate vs i18next	i18next	vue-i18n
  themes

• Difficulties in implementing various requirements

• Performance

• Bugs

• Contraints

Requirements

The application is a platform that enables users to bet on current bundesliga football games:

• Users can sign up, log in, log out
• Users can view past, current and upcoming matches
• Users can see the betting ratios of upcoming matches
• Users can bet on a team in the upcoming match
• Users can view the results of their bets
• Users can form groups to compete with each other