Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 2 yıl önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

11 Yorum

Ritika kaur profil fotoğrafı
Ritika kaur2 yıl önce

🦊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.

Ritika kaur profil fotoğrafı
Ritika kaur2 yıl önce

👩‍💻 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! 🌟

Safari Web Extensions profil fotoğrafı
Safari Web Extensions1 yıl önce

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

Madza 👨‍💻⚡ profil fotoğrafı
Madza 👨‍💻⚡2 yıl önce

Looking really awesome, great job on this Ritika!

Ritika kaur profil fotoğrafı
Ritika kaur2 yıl önce

Thanks Madza 😊

Thoufiq UchihaZO 🥷👨‍💻⚡⚔️ profil fotoğrafı
Thoufiq UchihaZO 🥷👨‍💻⚡⚔️2 yıl önce

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

Ritika kaur profil fotoğrafı
Ritika kaur2 yıl önce

Thankyou for your kind words 😊

Gaurav Bhojwani profil fotoğrafı
Gaurav Bhojwani2 yıl önce

Great work, glad to see the final outcome😀💫

Ritika kaur profil fotoğrafı
Ritika kaur2 yıl önce

Thank you for your feedback Gaurav 😊

Pratik Thorat profil fotoğrafı
Pratik Thorat2 yıl önce

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

Ritika kaur profil fotoğrafı
Ritika kaur2 yıl önce

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

Benzer Videolar

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 görüntüleme • 2 yıl önce

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 görüntüleme • 11 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 4 ay önce

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 görüntüleme • 10 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 3 ay önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 10 ay önce

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 görüntüleme • 3 yıl önce

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 görüntüleme • 1 yıl önce

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,176 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 7 ay önce