ForrestKnight
ForrestKnight
  • 314
  • 32 883 190
I Built a 3D Developer Portfolio Website // Three.js + React + Tailwind
Host your website with Hostinger (use code FORREST): hostinger.com/forrestknight
I built myself a 3D developer portfolio website to replace my minimal portfolio and compliment my GitHub profile page and terminal website. This is a custom website I've been wanting to build for a while, that has the "wow" factor of my terminal website thanks to three.js 3D graphics, interactive animations, and parallax, while maintaining an easy-to-use and intuitive design. This website gives a prospective client or employer a quick look at me and my work as a developer, showing them what I can do with not just the projects listed, but the website itself. And yes, I know the parallax gets tricky when shrinking the window, but I'll fix that... one day... maybe. Maybe one of y'all can fix it for me.
If you're reading this part, let me know what you think of this new video style I'm trying out, and comment "SPACEMAN!!!" below.
Technologies:
Vite - Build tool for the boilerplate and structure
JavaScript - Programming language
React - JavaScript library for building user interfaces
Tailwind - CSS framework
Three.js - Animated 3D graphics
Framer Motion - Interactive animations
Hostinger - Web hosting platform
GitHub - Version control & CI/CD
Extra Resources:
Code Repo by me - github.com/ForrestKnight/3d-portfolio
Spaceman by wallmasterr - sketchfab.com/3d-models/tenhun-falling-spaceman-fanart-9fd80b6a259f41fd99e6f56eee686dc5
Planet Surface by jongjawi - stock.adobe.com/images/landscape-surface-of-planet-sky-space-science-fiction-fantasy-illustration/330880441?asset_id=330880441
Position Animation by Teshank - github.com/teshank2137/portfolio
If you're a developer, sign up to my free newsletter Dev Notes 👉 www.devnotesdaily.com/
If you're a student, checkout my Notion template Studious: notionstudent.com
Don't know why you'd want to follow me on other socials. I don't even post. But here you go.
🐱‍🚀 GitHub: github.com/forrestknight
🐦 Twitter: forrestpknight
💼 LinkedIn: www.linkedin.com/in/forrestpknight
📸 Instagram: forrestpknight
zhlédnutí: 8 253

Video

The Pioneers of Computer Science
zhlédnutí 7KPřed 21 dnem
Get ProtoArc Arc Protector Y24 Ergonomic Chair on Kickstarter at www.kickstarter.com/projects/protoarcchair/protoarc-your-comfort-ergonomic-smart-chair?ref=5ep1w9 Check out ProtoArc Official Website to discover more at www.protoarc.com/?CZcams&KOL&Y24&ForrestKnight Welcome to part one of my two part series on the most important computer scientists in history. These men and women built and laid ...
So, you want to be a programmer?
zhlédnutí 98KPřed 28 dny
Check out JetBrains IDEs: jb.gg/Try_JetBrains_IDEs If you're student or working on open-source projects you can use it for free. So, you wanna be a programmer? You see the cools things being built. You see the money that’s being made. You want that. But in what fashion? You wanna build games? You wanna build web apps? You wanna go indie? Maybe work at a big company? And how do you get there fro...
A Complete Overview of DevOps
zhlédnutí 19KPřed měsícem
Try out TeamCity Pipelines Beta for FREE: jb.gg/TeamCity-Pipelines What the heck is DevOps? Well, it's a continuous loop of plan, code, build, test, release, deploy, operate, monitor, and feedback. It's how the development team and IT operations team automate and integrate the processes between them. And by definition, it's a set of practices, tools, and a cultural philosophy. Today, we're goin...
How Data Structures & Algorithms are Actually Used
zhlédnutí 152KPřed 2 měsíci
Attend NVIDIA's GTC 2024 on March 18-21, 2024 (virtually): nvda.ws/3kEyefH For a chance to win an RTX 4090 signed by NVIDIA CEO, Jensen Huang, attend a GTC session and fill out this form with a screenshot of the session: forms.gle/cJ7xS9VrvzH52Anu9 If you're a developer, sign up to my free newsletter Dev Notes 👉 www.devnotesdaily.com/ So I’ve talked about some algorithms… and I’ve talked about ...
The Biggest Issues I've Faced Web Scraping (and how to fix them)
zhlédnutí 27KPřed 2 měsíci
Try out Bright Data and get $15 credit for your projects! brdta.com/fknight 0:00 Problems I face web scraping 1:03 Web Scraping Basics Overview 4:38 Handling Complex Web Technologies 6:24 Script Optimization Error Handling Adaptive Algorithms 8:23 AI-Driven Proxy Management, Anonymity, and Intelligent Rate Limiting 10:23 How to Handle Extracted Data 12:22 Ethical AI and Legal Compliance 14:15 T...
The Data Structure You Use Matters a Lot
zhlédnutí 41KPřed 3 měsíci
The data structure you use matters a lot. Arrays, linked lists, hash tables, queues, stacks - these are just a few data structures being implemented in just one example to showcase why it matters which data structure you choose based on your use case. If you're a developer, sign up to my free newsletter Dev Notes 👉 www.devnotesdaily.com/ If you're a student, checkout my Notion template Studious...
3 Types of Algorithms Every Programmer Needs to Know
zhlédnutí 435KPřed 4 měsíci
It's my thought that every programmer should know these 3 types of algorithms. We actually go over 9 algorithms, what they are, how they work, real-world use cases, complete with code examples and explanations, but they fall under 3 categories, 3 types of algorithms you should know. Sorting Algorithms - used to rearrange elements in a list or an array in a certain order. We discuss bubble sort,...
How Much Software Engineers ACTUALLY Make
zhlédnutí 85KPřed 4 měsíci
My software engineering newsletter, it's free 👉 www.devnotesdaily.com/ How much do software engineers actually make? There are many variables that dictate this: experience level, company at which you work (including their industry), location, and the specific programming technologies and languages you use - as well as your ability to negotiate yourself a higher salary. Well in today's video, no...
How Software Engineers Can Write Better Code
zhlédnutí 31KPřed 5 měsíci
How Software Engineers Can Write Better Code
VIM, The Most HATED Text Editor of All Time
zhlédnutí 13KPřed 5 měsíci
VIM, The Most HATED Text Editor of All Time
These Coding Projects Will Set You Apart as a Programmer (w/ Instructions Included)
zhlédnutí 551KPřed 6 měsíci
These Coding Projects Will Set You Apart as a Programmer (w/ Instructions Included)
i made a code trivia website thing-y
zhlédnutí 10KPřed 6 měsíci
i made a code trivia website thing-y
If I Was a Computer Science Student Again, I'd Do This
zhlédnutí 21KPřed 7 měsíci
If I Was a Computer Science Student Again, I'd Do This
I'm Coding a Platform for Developers
zhlédnutí 68KPřed 7 měsíci
I'm Coding a Platform for Developers
The Making of BSD: The ACTUAL World's First Open-Source Operating System?
zhlédnutí 32KPřed 8 měsíci
The Making of BSD: The ACTUAL World's First Open-Source Operating System?
I Built an AI That Feeds Me Coffee for Maximum Efficiency
zhlédnutí 89KPřed 9 měsíci
I Built an AI That Feeds Me Coffee for Maximum Efficiency
My Entire Computer Science Student Setup in Notion
zhlédnutí 30KPřed 9 měsíci
My Entire Computer Science Student Setup in Notion
Stack Overflow is dead 😂
zhlédnutí 26KPřed 9 měsíci
Stack Overflow is dead 😂
How to Remember What you Code and Read (w/ examples)
zhlédnutí 19KPřed 9 měsíci
How to Remember What you Code and Read (w/ examples)
THIS is How Science Says Programmers Should Code
zhlédnutí 23KPřed 10 měsíci
THIS is How Science Says Programmers Should Code
i made gpt4 browse before chatgpt
zhlédnutí 16KPřed rokem
i made gpt4 browse before chatgpt
The Making of GNU: The World's First Open-Source Software
zhlédnutí 85KPřed rokem
The Making of GNU: The World's First Open-Source Software
AI bots were given freedom in a virtual city…
zhlédnutí 89KPřed rokem
AI bots were given freedom in a virtual city…
Don't sleep on Nvidia.
zhlédnutí 39KPřed rokem
Don't sleep on Nvidia.
These AI TOOLS will help you CODE BETTER
zhlédnutí 62KPřed rokem
These AI TOOLS will help you CODE BETTER
AI Just Got Crazy - Things Will Never Be The Same
zhlédnutí 24KPřed rokem
AI Just Got Crazy - Things Will Never Be The Same
How Microsoft Took Control of OpenAI
zhlédnutí 26KPřed rokem
How Microsoft Took Control of OpenAI
Coding won’t exist in 5 years? You might be right.
zhlédnutí 460KPřed rokem
Coding won’t exist in 5 years? You might be right.
Tools EVERY Software Engineer Should Know
zhlédnutí 157KPřed rokem
Tools EVERY Software Engineer Should Know

Komentáře

  • @JpicGames
    @JpicGames Před 3 hodinami

    grow full beard and you are my jesus

  • @pwhv
    @pwhv Před 3 hodinami

    amazing video man, learned a lot

  • @udaykumar555
    @udaykumar555 Před 5 hodinami

    Content starts from 4:51

  • @theangel666100
    @theangel666100 Před 8 hodinami

    did not know what he looked like. wow when he was young he looked like the nerdy love interest from a romance movie who ends up getting the girl.

  • @swaglord6583
    @swaglord6583 Před 17 hodinami

    Thank you very much for the video! I would like to program games. I live in Germany. Does anyone have any tips on which software language I should start with? Any tips on how to make it into the industry? Or what online tools, schools etc. are available? Just love & thanks in advance for any answers. <3

  • @iseminini-ubong6595
    @iseminini-ubong6595 Před 17 hodinami

    Hi thanks for this video I've learnt a lot in just10mins. Subscribed already!!

  • @h4unt3dfx
    @h4unt3dfx Před 17 hodinami

    I teach a personal development programming class at a local university (not towards a degree) and I always refer people to your CZcams. The new site looks awesome. Great stuff, man!

  • @dltmdghks8888
    @dltmdghks8888 Před 18 hodinami

    This guy is like my data Jesus

  • @user-ri1wu3ll8k
    @user-ri1wu3ll8k Před 20 hodinami

    Another great video, But you do get paid a LOT more in USA than in the UK. Starting junior salary in UK for any type is about 21k Sterling, equates to about 26k USD. This is why the UK has such a huge deficit in Programmer's..........

  • @shivayramrathy300
    @shivayramrathy300 Před 22 hodinami

    This looks great. We need a tutorial please🙏

  • @janrowinski7660
    @janrowinski7660 Před 23 hodinami

    There is a lot of common sense and wisdom in your movie. You motivate, but make you realise how much work needs to be done. Thank you.

  • @latakantsharma3134
    @latakantsharma3134 Před 23 hodinami

    What icon theam you r using

  • @idrishmeahchy1897
    @idrishmeahchy1897 Před dnem

    please bring more of these types of real world projects

  • @shivamshandilya5059

    You could have done this without 3d model, with just svgs as it doesn't incorporate any 3d effect and it would have improved performance.

  • @javifontalva7752
    @javifontalva7752 Před dnem

    I'd love to get the tutorial. KEEP IT UP!!!

  • @54peace
    @54peace Před dnem

    Thanks for this video. I just discovered Sketchfab.

  • @HieuKendrickHaMinh

    Do you still using dual-boot Arch right now, or completely move into Windows+WSL2? Could you please make a new video about your experiences after a while, like in 2024, would you still recommend native Linux or WSL2 is just a better replacement?

  • @being_prem
    @being_prem Před dnem

    Please 🥺🥺🥺 do it

  • @icyrealm7
    @icyrealm7 Před dnem

    Cool video!!

  • @athaanggoro3974
    @athaanggoro3974 Před dnem

    Kamu lucu, cara memberikan penjelasan sangat menyenangkan😂🎉

  • @jaydeepbarman6062
    @jaydeepbarman6062 Před dnem

    We want the tutorial !

  • @OneC8
    @OneC8 Před dnem

    2k for now

  • @chrisjones8829
    @chrisjones8829 Před dnem

    This is amazing. You are amazing. Very inspiring and motivating, as well.

  • @looyd
    @looyd Před dnem

    How did he pin the function name at the top while scrolling? at 7:42? Cool video btw

  • @VIVEVIEV
    @VIVEVIEV Před dnem

    Bro scratching for views 😂😂

  • @SwapnaRoyGhosh
    @SwapnaRoyGhosh Před dnem

    Make a tutorial on easiest way to create parallax effect, it will be great to introduce us with a new js library also which make this stuff lots more easier...

  • @violet9840
    @violet9840 Před dnem

    No matter how many tutorials I watched, what helped me learn was making a small bullet hell game on a game engine (game maker for me)and when I got stuck I either watched videos or asked copilot :) ai is the future so use it to your advantage.

  • @dennisdegraphicsdynamo_999

    the tutorial will generate more views than you expected

  • @dennisdegraphicsdynamo_999

    We want the tutorial please

  • @shuya89100
    @shuya89100 Před dnem

    Great Video, I hope a tutorial soon !

  • @TannerBarcelos
    @TannerBarcelos Před dnem

    New style goes hard

  • @ypathan420
    @ypathan420 Před dnem

    love the new style

  • @MBXD001
    @MBXD001 Před dnem

    Spaceman, but where is the website ?

  • @dFuZe_Dev
    @dFuZe_Dev Před dnem

    nice!!! very cool

  • @ahafeezs
    @ahafeezs Před dnem

    Urgh, dragging my eyes on this.. fine here's your 50k views 👀x50k

  • @user-ri1wu3ll8k
    @user-ri1wu3ll8k Před dnem

    WoW, your video's are always good, but this one is another level

  • @lmbayu1
    @lmbayu1 Před dnem

    I applied to 100's of remote positions, never heard back. I switched up and started going to job fairs locally and applied to mainly local companies. That got me my first offer lol. Software Engineer Intern. First role out of Full-Stack Bootcamp. Don't give up people. Stay the course. You are worthy!

  • @lesamir2010
    @lesamir2010 Před dnem

    Make the tutorial for this man. It's really cool and inspiring.

  • @TomaNeagu
    @TomaNeagu Před dnem

    Great Video!

  • @yadahdaka1039
    @yadahdaka1039 Před dnem

    Make the tutorial please 🙏

  • @ncmathsadist
    @ncmathsadist Před dnem

    Points well taken. I have become disgusted by the meanness that is polluting the entire stack exchange community.

  • @maguilecutty
    @maguilecutty Před 2 dny

    Apropo - for all u beginner-intermediates reading this - go learn a mid level language like go where at least a large part of the magic languages like JS do is abstracted or you will regret it later when u go to ur mid/senior level job int and have to do algos. Youll thank me in spade beleive me!

  • @maguilecutty
    @maguilecutty Před 2 dny

    This is great content! The problem with modern development - in particularly JS and Python is that they are abstracted from the actual algos that happen underneath them ie ur eg with sort. I started with Java 22 years ago - left it for 15 years and when I came back to programming and started learnign JS it confused the f*** out of me cause I couldnt see the magic happening under the hood - like where are these things happening? Am i missing something? i think every programmer should start with somethin like Go or some other mid teir language and learn these fundamentals - but its hard to make people how much they will regret not learning them until they are mid-adv level and they ahve no choice to...meh

  • @ncmathsadist
    @ncmathsadist Před 2 dny

    I'd observe that this sort o toxic snark has tainted the math subforum as well.

  • @_xX_me_Xx_
    @_xX_me_Xx_ Před 2 dny

    Busybox/Linux 😈😈😈

  • @svrls0619
    @svrls0619 Před 2 dny

    Good general informational video for someone who wants to start or regain some important info. THX :)

  • @ajavocado4691
    @ajavocado4691 Před 2 dny

    coding jesus

  • @jamesputney-lw8qy
    @jamesputney-lw8qy Před 3 dny

    i bought a logitech G602 mouse in 2016 and im still useing it in 2024

  • @NazmusLabs
    @NazmusLabs Před 3 dny

    There’s a VIM extension for VS code. It doesn’t have to be either or May Allah (S.W.T.) guide you and bestow upon you His Blessings; Ameen. P.s., # F R E E P A L E S T I N E

  • @aerofight5994
    @aerofight5994 Před 3 dny

    Linux, no I run lignuts