Author: Eric Brooks

Web & Graphic Designer, Blogger, Musician, Evil Clown. I also code websites and promote people for a living. Still kind of a jerk, though. Approach with food.

[#Script #Coding] Drum Machine with Python and Pygame – Full Project Course

Posted on by Eric Brooks

Drum Machine with Python and Pygame – Full Project Course

By freeCodeCamp.org
Published: May 19, 2022

“
freeCodeCamp.org In this Python & Pygame project course you will learn how to create a drum kit machine / beat maker.

This course is for both beginners and experienced developers. It covers Python and Object Oriented Programming concepts including nested for loops, functions, using audio files for generating sound, and saving / reading data.

💻 Download the code and sounds in this zip file: https://github.com/…

”

Top Headlines for November 27, 2022

Posted on by Eric Brooks
Headline News from the Associated Press

[#Photoshop #Tutorials] Photoshop: How to Create a Glass Shatter Effect – Tutorial

Posted on by Eric Brooks

Photoshop: How to Create a Glass Shatter Effect – Tutorial

By Photoshop Tutorials
Published: Mar 13, 2019

“
Photoshop Tutorials Learn how to create a stunning glass shatter effect. This Photoshop tutorial covers a few great techniques, on how to apply the effect using custom brushes. We’ll be working with Filters, Free Brushes, Masks and other basic tools. I’ve tried to trim this episode down a tad
without losing important information. If it’s slightly too fast, you can also slow it down in the player.

DOWNLOADS

Unlimited Downloads on Envato Elements, Photoshop Actions, Brushes, Stocks and much more!

By signing up using the link above, you’re supporting PhotoshopTutorials.TV

”

[#Video #Editing] Anyone Can Edit Video in 10 Minutes

Posted on by Eric Brooks


Anyone Can Edit Video in 10 Minutes

By Olufemii
Published: Nov 24, 2022

“
Olufemii Start Using Descript Today:

Have you ever had a friend or family member ask you to edit a video for them? Well, you can just send them this video and they will learn how to use Descript, the easiest video editor online. In this Descript tutorial, your friend or family member will learn how to edit their video the same way they would a word document. In less than 10 minutes the will learn how to use Descript. Which means you can focus on passion projects and client work.

Reach out to Josh Olufemii on Instagram: https://www.instagram.com/madebyolufemii
Subscribe Here: https://www.youtube.com/c/Olu…

”

Top Headlines for November 26, 2022

Posted on by Eric Brooks
Headline News from the Associated Press

[#Script #Coding] Create an Instagram Clone with React, Tailwind CSS, Firebase – Tutorial

Posted on by Eric Brooks

Create an Instagram Clone with React, Tailwind CSS, Firebase – Tutorial

By freeCodeCamp.org
Published: Apr 19, 2021

“
freeCodeCamp.org Learn how to create an Instagram clone with React and JavaScript! This project uses React (custom hooks, useContext, useState, useEffect, useRef), Firebase (Firestore/auth), Tailwind CSS, LoadTest, Lighthouse, Vercel, React Testing Library and Cypress E2E Testing.

This React project has multiple pages: login, sign up, dashboard (to view/like/comment on photos), and user profiles. The sign-in page connects to Firebase when a user tries to sign in, and when a user signs up, Firebase auth is used to store the user in the Firebase auth database. After the application is built you will learn how to deploy it to Vercel.

Course created by Karl Hadwen. Check out his channel: https://www.youtube.com/c/CognitiveSurge

Code: https://github.com/karlhadwen/instagram

    Course Contents

  • (0:00:00) Introduction
  • (0:05:37) Showcase
  • (0:15:28) Create React App (yarn)
  • (0:18:22) Project Folder Structure
  • (0:20:26) Installing Dependencies
  • (0:22:47) Refactoring unnecessary files, refactoring code
  • (0:29:18) Install ESLint
  • (0:33:06) Creating Folder Structure & Architecture
  • (0:43:05) Setup Firebase
  • (0:44:22) Firestore
  • (0:46:44) Firestore Rules
  • (0:48:43) Firestore (Collections & Docs)
  • (0:51:00) Firebase Authentication
  • (0:53:59) Realtime Database (Explanation)
  • (0:54:45) createContext in firebase.js
  • (1:02:34) Creating App in Firebase
  • (1:09:15) Start working on Login Page
  • (1:10:17) Install React Router Dom
  • (1:18:15) Create Routes
  • (1:21:51) Continue working on Login Page (Part 2)
  • (1:26:35) Tailwind.css Introduction
  • (1:31:34) Continue working on Login Page (Part 3)
  • (1:32:35) Install more dependencies
  • (1:36:30) Change how all scripts work
  • (1:40:21) yarn add postcss -D
  • (1:40:57) Create components folder
  • (1:34:19) Tailwind.css setup
  • (1:35:51) Completed Tailwind Setup, Continue working on Login Page (Part 4)
  • (1:39:28) Interjection: Field Value
  • (1:41:56) Continue working on Login Page
  • (2:01:47) Tailwind.config
  • (2:06:05) Login Functionality (with Firebase)
  • (2:11:12) Signup Page
  • (2:22:53) Check for user created is a duplicate
  • (2:54:49) Not Found & Dashboard Page
  • (3:01:11) Created Timeline Component
  • (3:01:28) Created Sidebar Component
  • (3:01:47) Created Header Component
  • (3:04:14) use-auth-listener.js Hook
  • (3:11:23) users.js UserContext
  • (3:15:38) Back to Header Component
  • (3:42:21) Working on Dashboard Page
  • (3:45:59) Working on Sidebar Component
  • (3:46:15) use-user.js hook
  • (4:04:20) In user.js ? Introduction to prop types
  • (4:25:03) Created Timeline.js
  • (4:25:43) Explanation on useMemo
  • (4:27:45) Add WhyDidYouRender
  • (4:29:53) Struggling with some issues
  • (4:42:42) Finally Figuring out some problems with WhyDidYouRender
  • (4:50:41) Working on suggestion.js (sidebar completed)
  • (4:59:20) Get suggested profiles
  • (5:16:28) Functionality: Remove followed user from suggestion
  • (5:23:12) Functionality: Update user’s following & followers
  • (5:34:18) Overview on Timeline
  • (5:40:47) Creating Post Component
  • (5:42:57) Creating more custom hooks (usePhotos)
  • (6:04:16) Rendering out the photos (using React skeleton)
  • (6:10:55) Start work on Post Component
  • (6:15:18) Components within Post
  • (6:16:03) Header Component
  • (6:20:56) Image & Actions
  • (6:27:32) Service call in Firebase
  • (6:42:44) Show Comments
  • (6:51:13) Add Comments
  • (7:12:26) Adding Protected Routes
  • (7:27:13) Profile
  • (7:30:20) Lazy load explanation
  • (7:45:23) Continue working on Profile Page
  • (7:58:48) Header Component in Profile Page
  • (8:02:14) Profile Specific Header
  • (8:18:00) Get User Photos
  • (8:37:52) Continue working on header
  • (9:20:31) Information in header
  • (9:37:09) Photos Component in Profile Page
  • (9:50:07) Recap of everything we’ve done
  • (9:52:55) Start of Review
  • (9:55:33) Not found header
  • (9:57:04) Review of usePhotos, useUsers, isUserLoggedIn, ProtectedRoute
  • (9:58:35) Review of contexts: firebase.js and user.js
  • (9:58:57) Review of Routes & Posts
  • (10:01:31) loadtest (Npm install -g loadtest)
  • (10:15:27) Create a production build
  • (10:38:28) Deployment to Vercel done but with issues
  • (10:51:47) Issues fixed
  • (10:52:19) Lighthouse
  • (11:02:27) Wrapping up
  • (11:04:13) Changes and Refactoring (Fixing Bugs)
  • (11:48:50) Quick Look at Paid Version
  • (11:49:59) Cypress
  • (11:54:08) Signing Off
[READ MORE]

”

Top Headlines for November 25, 2022

Posted on by Eric Brooks
Headline News from the Associated Press

[#Life #Success] 10 PHILOSOPHIES For a BETTER LIFE

Posted on by Eric Brooks

10 PHILOSOPHIES For a BETTER LIFE

By Alux.com
Published: Sep 15, 2022

“
Alux.com 10 PHILOSOPHIES For a BETTER LIFE

15 Ways The RICH EDUCATE Their KIDS: https://youtu.be/Hs-2uy-PTvE

Have you downloaded the Alux app yet?
https://alux.com/app

The ALUX App is Officially Here! | Alux Keynote 2022: https://youtu.be/bd4uVm2AYuY

    In this Alux.com video we will be answering the following questions:

  • What are 10 PHILOSOPHIES For a BETTER LIFE?
  • How to build a better life?
  • What PHILOSOPHIES to follow For a BETTER LIFE?
  • What are 10 Life Philosophies That Can Improve Your Life?
    CONTENTS:

  • 00:00 – Intro
  • 00:52 – Stoicism
  • 02:54 – Epicureanism
  • 04:01 – Taoism
  • 05:41 – Hedonism
  • 06:49 – Existentialism
  • 08:16 – Aestheticism
  • 09:19 – The David Foster Wallace Philosophy
  • 10:25 – Socratic Philosophy of Self-Reflection
  • 11:34 – Scepticism
  • 12:54 – Modern Humanism

”

[#Video #Design] How to Set Up Your Cinema 4D Projects Like a Pro

Posted on by Eric Brooks

How to Set Up Your Cinema 4D Projects Like a Pro

By School of Motion
Published: May 04, 2022

“
School of Motion Want a sneak peek at an amazing Holdframe Workshop? Echoic X Ident is a jam-packed animation made by Nidia Dias for Echoic Audio. The 11-second ident is bursting with particle sims, graphic compositions, and bold colors, and is a brilliant display of Nidia’s voice and vision.
While the Workshop focuses creating that perfect, brilliant shot, Nidia has a few great tips for how to set up your Cinema 4D project in order to have a professional workflow.
https://som.bz/3s8Yxvk

”

Top Headlines for November 24, 2022

Posted on by Eric Brooks
Headline News from the Associated Press
Proudly powered by WordPress
Creative Commons License
EricBrooks.Com® is licensed under a Creative Commons License.

Disclaimer: The views expressed herein are solely those of Eric Brooks. They do not necessarily reflect those of his employers, friends, contacts, family, or even his pets (though my cat, Puddy, seems to agree with me on many key issues.). In accordance to my terms of use, you hereby acknowledge my right to psychoanalyze you, practice accupuncture, and mock you incessantly with every visit. As the user, you also acknowledge that the author has been legally declared a "Problem Adult" by the Commonwealth of Pennsylvania, and is therefore not responsible for any of his actions. ALSO, the political views and products advertised on this site may/may not reflect the views of Puddy or myself, so please don't take them as an endorsement. We just need to eat.

Connect