[#Script #Coding] Web3 Discussion Panel featuring Hashlips, codeSTACKr, plus special guests!

Web3 Discussion Panel featuring Hashlips, codeSTACKr, plus special guests!

By codeSTACKr
Published: Jun 23, 2022


codeSTACKr If you want to join in on the discussion, go to: https://riverside.fm/studio/…

@HashLips NFT YT Channel: https://www.youtube.com/c/HashLipsNFT
@EatTheBlocks YT Channel: https://www.youtube.com/c/EatTheBlocks


Become A VS Code SuperHero Today: https://vsCodeHero.com

Join my Discord developer community: https://discord.gg/A9CnsVzzkZ





[#Script #Coding] ChatGPT Clone – OpenAI API and React Tutorial

ChatGPT Clone – OpenAI API and React Tutorial

By freeCodeCamp.org
Published: Jan 18, 2023


98bGwOYoEGg" target="offsite" rel="nofollow noopener noreferrer">freeCodeCamp.org Learn how to use React and the OpenAI API to create an application like ChatGPT. The application can answer our questions, convert the text into different languages, or even convert JavaScript code to Python.

OpenAI API: https://beta.openai.com/

Course developed by @CybernaticoByNishant

ChatGPT with React: https://github.com/nishant-666/ChatGPT-React
OpenAI with React: https://github.com/nishant-666/Dall-E-API-with-React

    Contents

  • (0:00) Introduction
  • (4:01) Importing configuration and api keys
  • (11:27) Creating the input and button
  • (16:09) How to create an image
  • (23:32) Getting the api key from the console
  • (28:48) Setting up the menu items
  • (36:14) Hovering options in the options
  • (41:03) Importing the translated component
  • (48:47) Setting options in a file
  • (53:30) Finishing main function

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

[#Video #Design] AI: An Artist’s Friend or Foe? | Dan Jeffries, CIO of Stability.ai (Stable Diffusion)

AI: An Artist’s Friend or Foe? | Dan Jeffries, CIO of Stability.ai (Stable Diffusion)

By School of Motion
Published: Jan 04, 2023


School of Motion AI has finally come to the world of art, but what does that really mean for artists? Will it be the friend we’ve always wanted by eliminating monotonous tasks and speeding up workflows? Or will it turn out to be a foe and make digital artists obsolete? Joey sits down with Daniel Jeffries, CIO of Stability.ai, to discuss the real-world use cases of artificial intelligence and the moral, ethical, and philosophical ramifications of AI art.

Show Notes & Transcript:
https://som.bz/AIfriendorfoe

After Effects Kickstart
https://www.schoolofmotion.com/courses/after-effects-kickstart

[#Money #Success] The Metaverse Economy

The Metaverse Economy

By Alux.com
Published: Jan 13, 2022


Alux.com What about The Metaverse Economy? Does everyone need to know about it?
SUBSCRIBE to ALUX: https://www.youtube.com/channel…
Why Metaverse is the Future of Work & How to get Rich from it: https://youtu.be/HgIwgtN7xgU

Have a look at our premium courses: https://courses.alux.com
Bitcoin Essentials: https://alux.com/bitcoin

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

  • What is the Metaverse?
  • What is the Metaverse economy?
  • How to make money in the metaverse economy?
  • Does everyone need to know about the metaverse economy?
  • Do I need to know about the metaverse economy?
  • What to we need to know about the metaverse economy?
  • How big is the metaverse economy?
  • What will be the currency of the metaverse?
  • How does metaverse make money?
  • How does the metaverse work?
  • Why is the metaverse important?
  • How can your business make an impact in this new world?

    CONTENTS:

  • 00:00 – Intro
  • 03:36 – Does everyone need to know about the metaverse economy?
  • 04:31 – How to make money in the metaverse economy?
  • 05:10 – How can your business make an impact in this new world?
  • 06:55 – The Metaverse Economy is an open, global, digital market


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

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]

[#Art #Animation] Making Animation for INSTAGRAM! Adobe Animate

Making Animation for INSTAGRAM! Adobe Animate

By BaM Animation
Published: May 04, 2018


BaM Animation Learn how we used adobe Animate and After effects to make this short looping animation for our Instagram. Animation is a great way to gain Followers on Instagram and social media. In this Adobe Animate Tutorial we show you how to use symbols to make this car animation. Its sort of like making a gif on Instagram.

Max also shows us a bit about Character Design, and how to create Iconic head shapes.

BaM is dedicated to teaching artists all about the animation industry, and skills sets including character design, background design, animation, and painting! Send us your art, and BaM will make an episode about YOU!

[#Script #Coding] How to create an NFT website landing page & Deploy for FREE (Complete tutorial | EASY!)

How to create an NFT website landing page & Deploy for FREE (Complete tutorial | EASY!)

By codeSTACKr
Published: Jan 26, 2022


codeSTACKr In this video, I’m going to show you how to create your own custom landing page for your NFT project. Including a countdown timer and MetaMask integration. We’ll even deploy it for FREE on Netlify.


Join my Discord developer community: https://discord.gg/A9CnsVzzkZ


    OTHER VIDEOS

  1. How To Create An ENTIRE NFT Collection (10,000+) & MINT for FREE: https://youtu.be/AaCgydeMu64
  2. Create LAYERS for your 10,000 NFT Collection for FREE: https://youtu.be/k72aCI1VyKM
  3. List & Reveal An ENTIRE NFT Collection (10,000+): https://youtu.be/Iy1n_LxUwZs

Become A VS Code SuperHero Today: https://vsCodeHero.com


  • HTML Crash Course: https://youtu.be/XiQ9rjaa2Ow
  • CSS Crash Course: https://youtu.be/Tfjd5yzCaxk
  • JavaScript Crash Course: https://youtu.be/d5ob3WAGeZE


    Timestamps

  • 00:00 – Intro
  • 01:05 – Project Set Up
  • 02:39 – Customize the Landing Page
  • 06:58 – MetaMask Landing Page Integration
  • 09:06 – Commit & Sync Changes with GitHub
  • 09:38 – Deploy Site with Netlify for FREE



[#Script #Coding] STOP!! Know Before You Buy or Sell! Is Your NFT Rare? – NFT Rarity Calculator

STOP!! Know Before You Buy or Sell! Is Your NFT Rare? – NFT Rarity Calculator

By codeSTACKr
Published: Mar 01, 2022


codeSTACKr Check out the collection I made:
https://codecats.xyz

Join my Discord community: https://discord.gg/A9CnsVzzkZ

Do you want to figure out the rarities of each NFT in your collection?
How about that NFT you bought the other day, do you want to know how rare it might be?
Before you buy an NFT, you should know how rare it is.

Stop wasting money and let me show you how to find the rarity of NFTs in any collection with my NFT Rarity Calculator!



Become A VS Code SuperHero Today: https://vsCodeHero.com



    Timestamps

  • 00:00 – Intro
  • 00:56 – The Rarity Calculation Formula
  • 02:03 – Using the Rarity Calculator
  • 02:36 – Integrated in 10K NFT Collection Repo
  • 06:07 – Use Rarity Calculator for any NFT Collection
  • 10:18 – SPECIAL ANNOUNCEMENT!!

Show support!
PayPal: https://paypal.me/codeSTACKr


Watch Next:
Playlist: Web Development For Beginners – https://www.youtube.com/watch?v=Ez4yH…



** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.

[READ MORE]

[#Photoshop #Tutorial] Top 3 Features For Creative Professionals in Adobe Express

Top 3 Features For Creative Professionals in Adobe Express

By Photoshop Training Channel
Published: Aug 24, 2022


Photoshop Training Channel Upload to Social Media, Create files into PDFs, and build webpages with Adobe Express.

[#Script #Coding] NEW: How To Create An ENTIRE NFT Collection (10,000+) & MINT With ZERO Coding Knowledge – v2.0.0

NEW: How To Create An ENTIRE NFT Collection (10,000+) & MINT With ZERO Coding Knowledge – v2.0.0


By codeSTACKr
Published: Mar 10, 2022


codeSTACKr

** This is an updated video that streamlines the process for creating an NFT collection. NO CODING IS REQUIRED! **
No coding experience? No problem! We will get you from nothing to an entire collection of 10,000 Unique NFTs in 30 minutes! Let’s get started!

There are a bunch of tutorials on YouTube about how to create NFT collections, but none of them show you the ENTIRE process.

In this video, I’m going to show you how to create an NFT collection and how to MINT them, even if you have ZERO coding knowledge!

In this video, we are going to dive head first into cryptocurrencies, NFTs, and minting. And I don’t expect you to have any prior knowledge of any of this. We are going to go step-by-step through the entire process!

I’m going to explain what blockchain and NFTs are and give you some context and background first. If you’re already familiar with that and you want to go straight to the good stuff, I have chapter markers setup for you, just skip ahead to whatever section you want.


Become A VS Code SuperHero Today: https://vsCodeHero.com



    Timestamps

  • 00:00 – Intro
  • 01:35 – What’s an NFT?
  • 02:10 – What is a blockchain?
  • 03:00 – NFT Use Cases
  • 03:22 – NFT Collections
  • 04:04 – Create Image Layers
  • 06:37 – Download Repo & Set Up
  • 09:59 – Include your images here!
  • 11:07 – Config.js Overview
  • 14:15 – Generate 10k Unique Images!
  • 14:38 – The complexity of creating NFTs
  • 16:31 – Install MetaMask
  • 16:48 – NFTPort Settings in config.js
  • 20:29 – Create Generic Metadata (optional)
  • 20:57 – Upload Images & Metadata to IPFS
  • 22:02 – Deploy Contract
  • 22:42 – Mint NFTs
  • 24:17 – Check Mint Transactions
  • 25:09 – List for Sale on OpenSea
  • 25:59 – Reveal your NFTs (optional)
  • 27:55 – Refresh OpenSea Command
  • 28:30 – Mint for real now!




** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.

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