Code Monkey home page Code Monkey logo

react-practice-course's Introduction

React practice course, learn by practicing (2021 edition)

by Coding Revolution

Udemy Link


Description

Tracking my progress through the course.


Course Projects

Project 1: The Venue

Project 2: M.City

Project 3: Waves

Back To The Top


Course Progress

Section 1: Getting Started

✅ Complete

Section 2: Project One: The venue

✅ Lesson 1: Starting a fresh project - Complete
✅ Lesson 2: Creating the header - Complete
✅ Lesson 3: the sidedrawer - Complete
✅ Lesson 4: Toggling header state - Complete
✅ Lesson 5: Creating the footer - Complete
✅ Lesson 6: Adding a carrousel - Complete
✅ Lesson 7: Creating the countdown - Complete
✅ Lesson 8: Finishing the countdown - Complete
✅ Lesson 9: The venue NFO - Complete
✅ Lesson 10: Creating the highlights - Complete
✅ Lesson 11: Reusable button - Complete
✅ Lesson 12: Pricing section - Complete
✅ Lesson 13: Gmaps component - Complete
✅ Lesson 14: Adding the scroll to - Complete

✅ PROJECT COMPLETE

Section 3: Project Two: M.City

✅ Lesson 1: Installation - Complete
✅ Lesson 2: The Header - Complete
✅ Lesson 3: Creating the footer and the logo - Complete
✅ Lesson 4: the sign in form - Complete
✅ Lesson 5: Sign in users - Complete
✅ Lesson 6: Log out and toasts - Complete
✅ Lesson 7: Auth Guards - Complete
✅ Lesson 8: Creating the dashboard layout - Complete
✅ Lesson 9: Starting with React-move part one - Complete
✅ Lesson 10: Starting with React-move part two - Complete
✅ Lesson 11: Animating the stripes - Complete
✅ Lesson 12: Finishing animations - Complete
✅ Lesson 13: Importing data to firestore - Complete
✅ Lesson 14: Home matches part one - Complete
✅ Lesson 15: Home matches part two - Complete
✅ Lesson 16: Meet the players part one - Complete
✅ Lesson 17: Meet the players part two - Complete
✅ Lesson 18: Email promotion form - Complete
✅ Lesson 19: Finishing the Email promotion - Complete
✅ Lesson 20: Admin players list part 1 - Complete
✅ Lesson 21: Admin players list part 2 - Complete
✅ Lesson 22: Add/edit player part 1 - Complete
✅ Lesson 23: Add/edit player part 2 - Complete
✅ Lesson 24: Add/edit player part 3 - Complete
✅ Lesson 25: Uploading player images part 1 - Complete

  • Note: The video course uses react-firebase-file-uploader. I found it not to work due to changes to the Firebase api. I found a react hook uploader that I updated to use current Firebase. This is now working.

✅ Lesson 26: Uploading player images part 2 - Complete
✅ Lesson 27: Uploading player images part 3 - Complete

  • Note: The video course uses a class based component for the fileUploader component. When creating my own customUploader component I used a functional component. This meant I needed to figure out equivalent code for my functional component to achieve the same as the instructor's class based component. I was ultimately successful.

✅ Lesson 28: Creating 'the team' section - Complete
✅ Lesson 29: Finishing 'the team' section - Complete
✅ Lesson 30: Admin matches list - Complete
✅ Lesson 31: Add/edit match part 1 - Complete
✅ Lesson 32: Add/edit match part 2 - Complete
✅ Lesson 33: Add/edit match part 3 - Complete
✅ Lesson 34: Add/edit match part 4 - Complete
✅ Lesson 35: Creating the league's table - Complete
✅ Lesson 36: Filter matches part 1 - Complete
✅ Lesson 37: Filter matches part 2 - Complete
✅ Lesson 38: Not found - Complete
✅ Lesson 39: Changing the rules - Complete
❌ Lesson 40: Deploying - Skipped

  • Note: will deploy at a later time.

✅ PROJECT COMPLETE

Section 4: Project Three: Waves

✅ Lesson 1: Overview and installing - Complete
✅ Lesson 2: Creating the server - Complete
✅ Lesson 3: Creating the routes - Complete

Back To The Top

react-practice-course's People

Contributors

spencer-sch avatar

Watchers

 avatar

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.