Top Rating
- Top Contributors
  Discover the Top Open Source contributors by country or by language
- Interviews
  Discover real stories from Open Source developers
Discover

Discover your Favorite Language
Discover the top trending repositories and projects on Github. Explore the latest trends in your preferred languages.

Jupyter Notebook

Perl

Dart

Assembly

C++

CoffeeScript

Java

OCaml

More Languages
Awesome

Awesome repositories
Discover the most awesome repositories and projects of your favorite languages. Inspired by the Awesome-* lists trend in GitHub.

Ada

C

R

PHP

Python

Nix

Clojure

Java

More Languages
By Country

Rankings by Country
Discover the community of talented open source contributors in each country.

🇬🇳 Guinea

🇰🇬 Kyrgyzstan

🇰🇪 Kenya

🇹🇼 Taiwan

🇯🇲 Jamaica

🇸🇧 Solomon Islands

🇰🇿 Kazakhstan

🇦🇱 Albania

All Countries Compare Countries

machadop1407/React-Beginner-Course-2022

Stars
187
Rank 200,334 (Top 5 %)
Language
HTML
Created almost 2 years ago
Updated over 1 year ago

machadop1407/React-Beginner-Course-2022

machadop1407

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

PedroTech React Course For Beginners 2022

The playlist for all the tutorials is HERE.

How to use this repository.

The code for each episode / exercise will exist in a branch for that episode. For example, if you want to see the code for episode 5, you will find it on the branch called episode5.

react-hooks-course

react-socketio-chat-app

Simple-CRUD-React-Node-MySQL

React-Search-Bar

shopping-cart-react

FullStack-Course

GraphQL-ApolloClient-Template

firebase-react-crud

react-website-tutorial

socket-io-react-example

Musical-Chat-Frontend

Musical Chat is a platform where users are able to connect and Chat with people who have similar taste in music as them. The user needs to login with their Spotify account, which allows the platform to have access to the songs and genres they listen to. I created an algorithm which takes into account the favorite genres from users and match people based on it. Since there are several different genres, the algorithm takes into account how similar the genres are based on string similarity. When matched, they are able to chat in real time with each other using Web Sockets.

react-personal-portfolio-website

react-firebase-blog-website

graphql-full-course

react-redux-toolkit-tutorial

TodoList-React-TypeScript

MERN-Beginners

Musical-Chat-Backend

Musical Chat is a platform where users are able to connect and Chat with people who have similar taste in music as them. The user needs to login with their Spotify account, which allows the platform to have access to the songs and genres they listen to. I created an algorithm which takes into account the favorite genres from users and match people based on it. Since there are several different genres, the algorithm takes into account how similar the genres are based on string similarity. When matched, they are able to chat in real time with each other using Web Sockets.

firebase-file-upload

React-Modal-Tutorial

react-firebase-course

dark-light-mode-react

chartjs-react-tutorial

redux-crud-react

MERN-Recipe-App

Authentication

multi-step-form-react

react-firebase-authentication

pinterest-clone-backend

react-pagination-tutorial

JWT-Authentication-NodeJS

MVC-API-Example-Express-NodeJS

nested-routes-react-router-dom-v6

react-router-v6

react-drag-and-drop-tutorial

CRUD-React-GraphQL-NodeJS-MySQL-TypeScript

react-image-carousel

QuizApp

react-firebase-chat-app

Whatsapp-Bot

PayPal-Implementation-React

Multiplayer-Tic-Tac-Toe-React

Wordle-Clone-React

form-validation-template

custom-use-fetch-hook-react

react-app-from-scratch

react-firebase-google-authentication

SocialMediaBlocker-ChromeEXT

Social-Media-Livestream

nextjs-course

styled-components-responsive-navbar

expense-tracker-firebase-react

Socket-Chat-App

password-manager-react-mysql

redux-toolkit-query-tutorial

context-api-crash-course

react-table-tutorial

Sorting-Visualizer

pinterest-clone

next-beginner-project

ecommerce-mern-tutorial

react-fetching-data

tic-tac-toe-react

navigate-react-router-dom-v6

Multiplayer-Tic-Tac-Toe-With-Chat

react-hook-form-zod

react-testing-library-example

GraphQL-Beginners-ApolloClient-ReactJS

MERN-Beginners-Tutorial

codedamn-pinterest-clone

crypto-price-app-react

Snackbar-Toast-Notifications-React

typescript-express-config

machadop1407

Stytch-SignUp-Authentication-React

financial-tracker-react

next13-deploy

Youtube-Clone-Frontend

Youtube-Clone-Backend

Formik-Validation-Example

Polyblock---Mobile-Game

Hyper-Casual Mobile Game Published in the App and Play Store.

BlogClient

react-movies-db-project

GQL-countries-api

Full-Stack-Client

DiscordBOT-VTEX

machadopedro.com

My Programming Portfolio!

Calculator

SampleReactAppDeployment

my-project

news-app

passwordless-auth-react

JavaScript-GUI-Electron

MernBeginner-Client

Data-Structure-and-Algorithm-Problem-Solutions

Fractal-Tree-Processing

Optimal-Stopping-Algorithm-Visualizer

A program that presents a visual representation of the optimal stopping theorem.

git-tutorial-repo

Multiplayer-Rock-Paper-Scissors