adrianhajdin/project_threejs_ai

Stars
769
Rank 59,078 (Top 2 %)
Language
JavaScript
Created over 1 year ago
Updated about 1 year ago

adrianhajdin/project_threejs_ai

adrianhajdin

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

Build and Deploy an AI-Powered 3D Website Using React | 2023 Three JS Course Tutorial for Beginners

Introduction

Many large corporations already use 3D graphics to showcase their products. Learn how to build your own ThreeJS 3D product website and infuse it with the power of artificial intelligence!

In this course, you'll learn the following:

ThreeJS - a powerful 3D graphics library for rendering and animating the 3D model
React Three Fiber - a popular library for creating 3D graphics with ThreeJS in React
TailwindCSS - a popular utility-first CSS styling framework
Framer Motion - the most popular library used to bring your React website to life with animations

You'll also learn how to:

Load, create and customize stunning 3D models and geometries with various lights, as well as understand the 3D world with a camera and positioning of an object in space.
Make your code reusable and scalable using Higher Order Components (HOCs) and other industry-standard best practices
Add custom color and file support.
Generate and use images through DALLE AI
Download the resulting t-shirt model image
Ensure responsiveness across all devices and improve your site's performance

Want to learn more? Check out Anderson Mancini's Course

This video covers only a small part of what's included in Anderson Mancini's Udemy Course. Go check it out 🔥

Want to land your dream programming job in 3 - 6 months?

⭐ JSM Masterclass Experience - https://jsmastery.pro/masterclass Become a Software Engineer. Guaranteed.

project_mern_memories

This is a code repository for the corresponding video tutorial. Using React, Node.js, Express & MongoDB you'll learn how to build a Full Stack MERN Application - from start to finish. The App is called "Memories" and it is a simple social media app that allows users to post interesting events that happened in their lives.

project_3D_developer_portfolio

The most impressive websites in the world use 3D graphics and animations to bring their content to life. Learn how to build your own ThreeJS 3D Developer Portfolio today!

project_web3.0

This is a code repository for the corresponding video tutorial. In this video, we're going to build a Web 3.0 React Solidity Blockchain Application

project_chat_application

This is a code repository for the corresponding YouTube video. In this tutorial we are going to build and deploy a real time chat application. Covered topics: React.js, Node.js, Express.js, and Socket.io.

project_modern_ui_ux_gpt3

Master the creation of Modern UX/UI Websites

portfolio_website

Tutorial created by Enyel Sequeira, taught by JavaScript Mastery

project_syncfusion_dashboard

This is a code repository for the corresponding YouTube video. In this tutorial we are going to build and deploy a an admin dashboard app using React.js and Syncfusion

project_hoobank

Modern UI/UX website using React.js & Tailwind CSS

project_professional_portfolio

This is a code repository for the corresponding YouTube video. In this tutorial we are going to build and deploy a real time chat application. Covered topics: React.js, SCSS, Framer Motion, Sanity

project_next_13_ai_prompt_sharing

Next.js recently became the official React framework as outlined in React docs. In this course, you'll learn the most important Next.js concepts and how they fit into the React ecosystem. Finally, you'll put your skills to the test by building a modern full-stack Next 13 application.

ecommerce_sanity_stripe

Modern Full Stack ECommerce Application with Stripe

project_travel_advisor

Tutorial created in collaboration with Enyel Sequeira, taught by JavaScript Mastery.

project_e_commerce

This is a code repository for the corresponding video tutorial. In this video, we're going to build a fully functional eCommerce application using commerce.js.

project_shareme_social_media

Image Sharing Social Media App

project_graphql_blog

With featured and recent posts, categories. full markdown articles, author information, comments, and much more, this fully responsive CMS Blog App is the best Blog Application that you can currently find on YouTube. And what's best of all is that you and your clients can manage the blog from a dedicated Content Management System.

threads

Develop Threads, Next.js 13 app that skyrocketed to 100 million sign-ups in less than 5 days, and dethroned giants like Twitter, ChatGPT, and TikTok to become the fastest-growing app ever!

project_corona_tracker

This is a code repository for the corresponding YouTube video. In this tutorial, we are going to build and deploy a corona tracker application. Covered topics: React.js, Chart.js, Material UI, and much more.

project_modern_ui_ux_restaurant

This is a code repository for the corresponding video tutorial. In this video, we're going to build a Modern UI/UX Restaurant Landing Page Website

project_medical_pager_chat

Medical Pager Chat App powered by GetStream

project_next13_car_showcase

Build and Deploy a Modern Next.js 13 Application | React, Next JS 13, TypeScript, Tailwind CSS

project_youtube_clone

Build and Deploy a Modern YouTube Clone Application in React JS with Material UI 5

project_cryptoverse

Cryptocurrency App powered by RapidAPI

project_openai_codex

Build and Deploy Your Own ChatGPT AI Application That Will Help You Code

projects_realestate

Build and Deploy a Real Estate React & Next.js Application

project_react_native_jobs

chat_application

This is a code repository for the corresponding YouTube video. In this tutorial, we are going to build and deploy a real-time chat application. Covered topics: React.js, Socket.io.

project_music_player

Master modern web development by building an improved version of Spotify. With a modern homepage, fully-fledged music player, search, lyrics, song exploration features, search, popular music around you, worldwide top charts, and much more, this is the best music application you can currently find on YouTube.

3D_portfolio

Let's build a cool 3D website together! You'll learn how to make a portfolio with fun interactive parts, like a floating island and a fox that moves when you type. It'll allow you to show off your skills and get a job!

project_fitness_app

project_ai_mern_image_generation

Build and Deploy a Full Stack MERN AI Image Generation App MidJourney & DALL E Clone

zoom-clone

Learn to develop a professional enterprise-ready video conferencing app in hours using Next.js 14, Stream, and Tailwind CSS.

project_video_chat

This is a code repository for the corresponding YouTube video. In this tutorial, we're going to build and deploy a React Video Chat Application using WebRTC.

project_metaverse

Build and Deploy a Modern Next 13 Website With Framer Motion & Tailwind CSS

project_weather_pwa

This is a code repository for the corresponding YouTube video. In this tutorial we are going to build, deploy and publish a Weather Progressive Web App. Covered topics: React.js, Service Workers, PWA, Lighthouse...

nike_landing_page

Dive into the world of Tailwind CSS, build a Nike website, and join top-tier organizations like OpenAI, Shopify, and NASA in building stunning apps effortlessly.

project_nextjs13_flexibble

project_tiktik

project_crowdfunding

With a stunning design, connected to the blockchain, metamask pairing, interaction with smart contracts, sending Ethereum through the blockchain network, and writing solidity code.

stack_overflow_nextjs14

Ultimate Next.js 14 Course

project_news_alan_ai

In this video, we're going to build a Conversational Voice Controlled React News Application using Alan AI. Alan AI is a revolutionary speech recognition software that allows you to add voice capabilities to your applications.

project_google_clone

Google Clone App powered by RapidAPI

social_media_app

Build a modern social app with a stunning UI with a native mobile feel, a special tech stack, an infinite scroll feature, and amazing performance using React JS, Appwrite, TypeScript, and more.

project_web3_battle_game

With a stunning design, interactive gameplay, smart wallet pairing, live interaction with smart contracts, and, most importantly, the ability to battle other players in real-time, AvaxGods is the best and the only Web3 battle-style online multiplayer card game that you can currently find on YouTube.

project_ai_summarizer

travel_ui_ux

Build and Deploy a Fully Responsive Modern UI/UX Website, React.js, Next.js 13, Tailwind CSS

speechly_expense_tracker_project

This is a code repository for the corresponding video tutorial

project_html_css_website

react-native-nft-marketplace

project_youtube_video_player

This is a code repository for the corresponding article on freeCodeCamp. In this tutorial we are going to build a YouTube Clone Application from Scratch using React. Covered topics: lifecycle methods, project structure, destructuring, state management, passing props from parent to child components, API calls.

pricewise

Dive into web scraping and build a Next.js 13 eCommerce price tracker within a single video that teaches you data scraping, cron jobs, sending emails, deployment, and more.

ecommerce

Learn how to build an incredible e-commerce webshop with an admin dashboard and CMS using Next 14, Stripe, TypeScript, and Payload CMS.

project_web3_uniswap

Master Web3 development by building a Uniswap dApp React application with metamask pairing, live smart contract data fetching, and most importantly, the ability to create your own ERC20 tokens, swap them and more!

advice_app

This is a code repository for the corresponding YouTube video. In this video, we will create an interesting react project from scratch - A React Advice App. We're going to use React on the front end and we'll make get requests to Advice Slip JSON API.

anime_vault

Your favorite anime, all in one place.

node_express_crud_api

nft-marketplace-showcase

tutorial_pdf_generation

This is a code repository for the corresponding article on Medium. In this tutorial, you will learn how to generate dynamic PDFs using HTML code as a template.

adrianhajdin

project_mern_dashboard

tutorial_react_hooks

This is a code repository for the corresponding article on freeCodeCamp. In this tutorial we are going to explore React Hooks. Covered topics: useState and useEffect hooks, custom hooks, passing props, API calls.

jsm_resources_next13

tutorial_currency_converter

This is a code repository for the corresponding article on Medium. In this tutorial, we will build educational application that is going to improve your overall knowledge of Async/Await.

threads_app

refine_dashobard

project_weather_app

nft_card_game

tiktik_clone

uber

Build a full-stack Uber Clone Application with Expo’s latest features and lightning-fast edge-ready Postgres database in React Native.

project_github_card

grafbase_flexibble

project_university_calculator

cars_showcase

project_gif_app

project_mern_quiz

tutorial_material_ui

dall-e

project_university_calculator_react_native

jsm_realestate

project_currency_converter

demo-store

project_hot_or_cold_game

This is a game where the user guesses a random number in the interval 1-100 set by the computer, and gets feedback in the form of the following words; cold, warm, hot, extremely hot. The purpose is to guess the number in as little attempts as possible. The user can track his progress because previous attempts are available.

codex

project_pokedex_rtk

project_dribble_clone

figma_clone

Figma Clone using Next.js, Fabric.js and Liveblocks in TypeScript

xora

Learn how to build and deploy a SaaS landing page with modern UI and mobile-first principles while strengthening your React.js and Tailwind CSS skills.

google_maps_app

hackathon

thirdweb_project

builderio-demo

portfolio

Modern & Minimal JS Mastery Portfolio

project_countries

aora

Build your first mobile application

StoreIt_Storage_Platform

redux_hooks_intro

podcastr

uber-clone

project_gifs

testthreejs

docs