https://github.com/andrew-tsegaye/project_threejs_ai

https://github.com/andrew-tsegaye/project_threejs_ai

Last synced: 2 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/andrew-tsegaye/project_threejs_ai
• Owner: Andrew-Tsegaye
• Created: 2023-11-20T13:34:16.000Z (about 1 year ago)
• Default Branch: start-engine
• Last Pushed: 2023-11-20T21:40:31.000Z (about 1 year ago)
• Last Synced: 2023-11-21T14:42:32.696Z (about 1 year ago)
• Language: JavaScript
• Size: 1 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# AI-Powered 3D Website Using React | Three JS

![3D Web](https://i.imgur.com/z5Euzz6.png)

## Introduction

Many large corporations already use 3D graphics to showcase their products. This is ThreeJS 3D product website and infuse it with the power of artificial intelligence! 

 

In this repo, you'll explore 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 hook-up with 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

## Developer

- Andrew Tsegaye