Beer-Project-Demo - 3D Integration

Experience the unique blend of frontend design animations and 3D integrations in this single-page application built using React, ViteJs, and Tailwind.

Project Insight: Originally crafted as a demonstration for a client, this project prioritizes showcasing impressive design and 3D integrations over best practices. The objective was to emphasize how engaging UX designs, combined with 3D experiences, can significantly enhance a business's online presence.

Note: This is a client demo, not optimized for best practices.

🚀 Deployed Summer 2023: beer-project-demo.vercel.app

Background

This project was an exploration into the domain of 3D integration tools like Gsap, WebGi, and SketchFab. It was an exhilarating experience, pushing the boundaries of creativity and opening up avenues for innovative web projects in the future.

Features

Engaging UX: Dive deep into an experience that blurs the lines between web design and 3D animation.
Interactive 3D: Engage with products in real-time 3D, offering a richer understanding of what's being presented.
Responsive Design: Aesthetically pleasing and functional across devices, ensuring a seamless experience.

🧰 Tools Used

🗹 Tailwind
🗹 DaisyUi
🗹 Gsap
🗹 Webgi
🗹 SketchFab

📦 NPM Packages

✔️ dotenv: Secure storage of sensitive information outside the codebase.
✔️ Framer Motion: Animation library for React.
✔️ Studio-freight/Lenis: 3D graphics tool.
✔️ Gsap: High-performance HTML5 animations.
✔️ React-icons: Easily include popular icons in your React projects.
✔️ Framer Motion: (Note: This is repeated, consider removing one or updating as needed.)

Feedback