Build A Tournament WebApp in React js | React Js Tutorial for Beginners #reactjs #programming смотреть онлайн

This React Js Tutorial for Beginners series will help you build a web app system that is used by tournament and league organizers to manage their events. All the work involved in running a tournament like adding teams, creating groups, managing matches, will be done through this web app.

These sessions will cover all the details (resources, tools, languages, etc) that are necessary to build a Tournament Web App.

00:00:00 - Session 1 - Introduction
00:03:58 - Session 2 - Setting up the Environment and Basic Routing config
00:20:13 - Session 3 - Implementing Teams and Match objects.
00:49:35 - Session 4 - CRUD for Teams and Match Manager system
03:32:49 - Session 5 - Tournament Generator
05:13:42 - Session 6 - Tournament Viewer

Session 1: Setting up the Environment and Basic Routing config
Setting up the initial project structure
Installing React-Router
Installing React-Redux
Create an initial home page

Session 2: Implementing Teams and Match objects.
Create team object
Create match object w/ necessary functions

Session 3: CRUD for Teams and Match Manager system
Forms for creating teams
Add ability to change match score
If the match has ended, be able to flag it as completed

Session 4: Tournament Generator
Implementing the function that generates a tournament
Be able to start a tournament with a selection of teams
A new set of matches generated from the resulting pool of winners of round

Session 5: Tournament Viewer
Be able to filter between ongoing and finished matches
Be able to click a match to view its progress
When the final match is completed. The tournament has officially ended.


Join our community for more projects.
Sign up for free!
https://www.education-ecosystem.com/s...

Subscribe to our youtube channel for more projects.
https://www.youtube.com/channel/UC1cO...


Learn how to build products by practicing with our free projects on https://www.education-ecosystem.com