Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

So I've completed my portfolio with React and Three.js!💻🥳 📎 - Code - - Added Gmail service using emailJS - Secured keys in env.local file - Increased the size of the plane🚁 - Created utility hooks for showing/hiding alerts 🧵

Ritika_kaurr's profile picture

Ritika kaurr

3,133 subscribers

11,713 Aufrufe • vor 2 Jahren •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

11 Kommentare

Profilbild von Ritika kaur
Ritika kaurvor 2 Jahren

🦊The fox model exhibits dynamic animations such as: No action - standing When typing - walking, Click send- running, each corresponding to different actions or states within the application.

Profilbild von Ritika kaur
Ritika kaurvor 2 Jahren

👩‍💻 Lil Tweaks in the portfolio: - Updated the skills section dynamically - Added cards for services - Created a custom hook for alerting on authentication errors - Made the responsive layouts - Added socials 📲 Check it out live and let me know your thoughts! 🌟

Profilbild von Safari Web Extensions
Safari Web Extensionsvor 1 Jahr

Discover the top Safari web extensions to boost productivity, enhance workflow, and customize your browsing experience on Mac, iOS, and iPadOS.

Profilbild von Madza 👨‍💻⚡
Madza 👨‍💻⚡vor 2 Jahren

Looking really awesome, great job on this Ritika!

Profilbild von Ritika kaur
Ritika kaurvor 2 Jahren

Thanks Madza 😊

Profilbild von Thoufiq UchihaZO 🥷👨‍💻⚡⚔️
Thoufiq UchihaZO 🥷👨‍💻⚡⚔️vor 2 Jahren

Wow 🤩 Ritika that's a piece of fabulous work 🔥🔥

Profilbild von Ritika kaur
Ritika kaurvor 2 Jahren

Thankyou for your kind words 😊

Profilbild von Gaurav Bhojwani
Gaurav Bhojwanivor 2 Jahren

Great work, glad to see the final outcome😀💫

Profilbild von Ritika kaur
Ritika kaurvor 2 Jahren

Thank you for your feedback Gaurav 😊

Profilbild von Pratik Thorat
Pratik Thoratvor 2 Jahren

I want to know how did you make your 3D model mobile responsive! I am creating a 3D portfolio as well

Profilbild von Ritika kaur
Ritika kaurvor 2 Jahren

I used tailwind for that by applying breakpoints, classes, and components strategically so that it can embrace different screen sizes.

Ähnliche Videos

Visit my web portfolio I created using Three.js , React and theatre js. Plus all the free models I got from Sketchfab
1:27

Visit my web portfolio I created using Three.js , React and theatre js. Plus all the free models I got from Sketchfab

Nnaemeka.dev

17,430 Aufrufe • vor 2 Jahren

Day 4 of building my cozy fishing game with Three.js. Let’s support each other! If you follow and repost, I will feature you in development videos and credit you in the final game with your X URL. Today I added Three.js for their support and Bruno Simon for the inspiration to start using three.js. Also improved the boat model, navigation, added a cargo ship and supporter buoys.
0:39

Day 4 of building my cozy fishing game with Three.js. Let’s support each other! If you follow and repost, I will feature you in development videos and credit you in the final game with your X URL. Today I added Three.js for their support and Bruno Simon for the inspiration to start using three.js. Also improved the boat model, navigation, added a cargo ship and supporter buoys.

Leon

17,795 Aufrufe • vor 11 Monaten

This past weekend, I built a portfolio website entirely using natural language through coding required. The site itself is powered by Three.js and React. ⚡️
0:31

This past weekend, I built a portfolio website entirely using natural language through coding required. The site itself is powered by Three.js and React. ⚡️

Ian Curtis

20,248 Aufrufe • vor 1 Jahr

my gift for the @levelsio game jam a three.js starter file with cannon.js, react three fiber, and drei.. ready to go no paywall, just a download link 👇
0:22

my gift for the @levelsio game jam a three.js starter file with cannon.js, react three fiber, and drei.. ready to go no paywall, just a download link 👇

Aurelien

94,775 Aufrufe • vor 1 Jahr

I've been showing the output of my flight reconstruction tool for a while and I wanted to share something like it which wasn't a mess of hand tuned stuff that required X-Plane. So I created a completely new version in javascript that runs in an HTML page so that anyone can use it. The output is a KML file which is a tour that works in Google Earth pro with all the attitude information included. This is a long way from perfect, I messed around with multiple smoothing algorithms and none of them compares well with the python code, but they're readable and understandable for anyone.
1:37

I've been showing the output of my flight reconstruction tool for a while and I wanted to share something like it which wasn't a mess of hand tuned stuff that required X-Plane. So I created a completely new version in javascript that runs in an HTML page so that anyone can use it. The output is a KML file which is a tour that works in Google Earth pro with all the attitude information included. This is a long way from perfect, I messed around with multiple smoothing algorithms and none of them compares well with the python code, but they're readable and understandable for anyone.

Scott Manley

19,808 Aufrufe • vor 4 Monaten

Introducing pmndrs/viverse and react-three/viverse 🎉 A Toolkit for building Three.js and React Three Fiber Apps for VIVERSE and beyond with only a few lines of code ⟁
1:09

Introducing pmndrs/viverse and react-three/viverse 🎉 A Toolkit for building Three.js and React Three Fiber Apps for VIVERSE and beyond with only a few lines of code ⟁

Bela Bohlender

22,510 Aufrufe • vor 10 Monaten

Back on my portfolio! I've added x-ray on the foliage so that we can see the car.
0:23

Back on my portfolio! I've added x-ray on the foliage so that we can see the car.

Bruno Simon

27,740 Aufrufe • vor 1 Jahr

I finally got some free time to update my portfolio😍. I've published my most recent works, components, and courses. It can record which projects you have visited so you don't miss any. ⚡️Live: Created with Three.js and Poimandres #threejsJourney #r3f #creativecoding
1:29

I finally got some free time to update my portfolio😍. I've published my most recent works, components, and courses. It can record which projects you have visited so you don't miss any. ⚡️Live: Created with Three.js and Poimandres #threejsJourney #r3f #creativecoding

Anderson Mancini

11,092 Aufrufe • vor 1 Jahr

Automated NBA match commentary using OpenAI vision and TTS (with code!) Everyone is bragging about projects that generate automatic video commentary, but no one is showing the code. I did it while waiting for the plane. code:
0:37

Automated NBA match commentary using OpenAI vision and TTS (with code!) Everyone is bragging about projects that generate automatic video commentary, but no one is showing the code. I did it while waiting for the plane. code:

SkalskiP

188,580 Aufrufe • vor 2 Jahren

A demo reel of a few of the animation projects I've completed in the past year! #Portfolio (Music by TGH_sr)
1:03

A demo reel of a few of the animation projects I've completed in the past year! #Portfolio (Music by TGH_sr)

Spyrook

27,162 Aufrufe • vor 1 Jahr

I've been experimenting with using the new analyzer plugin API for code generation, and it's actually really cool! ⚡️ Instant code generation 🔬 Surgical updates in the same file 🔎 Report outdated/wrong code as lint warnings 🪄 Auto-regenerate outdated/wrong code via 'dart fix'
0:25

I've been experimenting with using the new analyzer plugin API for code generation, and it's actually really cool! ⚡️ Instant code generation 🔬 Surgical updates in the same file 🔎 Report outdated/wrong code as lint warnings 🪄 Auto-regenerate outdated/wrong code via 'dart fix'

Kilian Schulte 💙

37,947 Aufrufe • vor 7 Monaten

I've been using the crap out of Claude Code recently And lots of you have been asking me my tips So, here goes - 10 minutes of me using Claude Code to implement a feature.
10:11

I've been using the crap out of Claude Code recently And lots of you have been asking me my tips So, here goes - 10 minutes of me using Claude Code to implement a feature.

Matt Pocock

145,128 Aufrufe • vor 7 Monaten

Hytopia is quietly abandoning its own SDK. They just published a full FPS template using zero SDK code - built with Colyseus, Three.js, React, and Rapier instead. Most platforms lock you in. Hytopia is doing the opposite. 🔓
0:23

Hytopia is quietly abandoning its own SDK. They just published a full FPS template using zero SDK code - built with Colyseus, Three.js, React, and Rapier instead. Most platforms lock you in. Hytopia is doing the opposite. 🔓

Daniel Spitzwieser

11,488 Aufrufe • vor 3 Monaten

Let’s kick off the year with my latest project with @bonhommeparis 👉 Discover the 10 key values that fuel Bonhomme since 2013 A collaboration with LRT, remy and Kévin Chapron Using Three.js React and #R3F
0:58

Let’s kick off the year with my latest project with @bonhommeparis 👉 Discover the 10 key values that fuel Bonhomme since 2013 A collaboration with LRT, remy and Kévin Chapron Using Three.js React and #R3F

Bruno Simon

28,004 Aufrufe • vor 2 Jahren

5 FREE Tools for Web Developers - Claude code alternative - Full-stack hosting and free static site - React hooks with examples – Create images of code snippets - CSS animation snippets
0:34

5 FREE Tools for Web Developers - Claude code alternative - Full-stack hosting and free static site - React hooks with examples – Create images of code snippets - CSS animation snippets

Csaba Kissi

12,519 Aufrufe • vor 10 Monaten

Using the incredible creative and expressive power of Poimandres r3f + drei for this newsletter landing about AI + Design. With a parametric spring mesh on Three.js, later ported to React. Stay tuned!
0:25

Using the incredible creative and expressive power of Poimandres r3f + drei for this newsletter landing about AI + Design. With a parametric spring mesh on Three.js, later ported to React. Stay tuned!

Davo

32,059 Aufrufe • vor 3 Jahren

MCP broke my brain a little because it rethinks the entire workflow. Debug, diagnose and file the issue with Playwright and GitHub MCP. All from agent mode in Visual Studio Code. What are you using MCP for beyond code?
2:10

MCP broke my brain a little because it rethinks the entire workflow. Debug, diagnose and file the issue with Playwright and GitHub MCP. All from agent mode in Visual Studio Code. What are you using MCP for beyond code?

Burke Holland

34,733 Aufrufe • vor 1 Jahr

hand-controlled arpeggiator, drum machine, and audio reactive visualizer 🪬 do you want the code for this? created with Three.js, Rosebud AI, mediapipe computer vision, tone.js
0:59

hand-controlled arpeggiator, drum machine, and audio reactive visualizer 🪬 do you want the code for this? created with Three.js, Rosebud AI, mediapipe computer vision, tone.js

AA

164,150 Aufrufe • vor 1 Jahr

Here is some of my BEST & FAVORITE INTRO's That I've created with the people I have worked with Also check out my Portfolio if you are interested 👇
3:36

Here is some of my BEST & FAVORITE INTRO's That I've created with the people I have worked with Also check out my Portfolio if you are interested 👇

Desiire

13,777 Aufrufe • vor 1 Jahr

THE BEST HANDS OF BJ I'VE EVER PLAYED + $5K Will tip two people $100 for showing proof of using code ARCH below, RT + like Shuffle.com
1:00

THE BEST HANDS OF BJ I'VE EVER PLAYED + $5K Will tip two people $100 for showing proof of using code ARCH below, RT + like Shuffle.com

Archie

13,196 Aufrufe • vor 7 Monaten