{"id":24315382,"url":"https://github.com/bernietv/3d-skateboard-customizer","last_synced_at":"2026-04-13T10:32:43.092Z","repository":{"id":271995241,"uuid":"915216899","full_name":"BernieTv/3D-Skateboard-Customizer","owner":"BernieTv","description":"3D Skateboard Customizer 🛹🚀 build with Next.js and GSAP 🎇🌌","archived":false,"fork":false,"pushed_at":"2025-01-11T09:19:30.000Z","size":15460,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-09T22:46:05.001Z","etag":null,"topics":["gsap","nextjs","prismic","tailwindcss","threejs","typescript"],"latest_commit_sha":null,"homepage":"https://suburbia-skate.netlify.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/BernieTv.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-01-11T09:15:17.000Z","updated_at":"2025-01-27T13:08:25.000Z","dependencies_parsed_at":"2025-01-11T10:36:01.754Z","dependency_job_id":null,"html_url":"https://github.com/BernieTv/3D-Skateboard-Customizer","commit_stats":null,"previous_names":["bernietv/3d-skateboard-customizer"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BernieTv%2F3D-Skateboard-Customizer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BernieTv%2F3D-Skateboard-Customizer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BernieTv%2F3D-Skateboard-Customizer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BernieTv%2F3D-Skateboard-Customizer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BernieTv","download_url":"https://codeload.github.com/BernieTv/3D-Skateboard-Customizer/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242762743,"owners_count":20181266,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["gsap","nextjs","prismic","tailwindcss","threejs","typescript"],"created_at":"2025-01-17T11:15:13.371Z","updated_at":"2025-12-31T00:53:40.976Z","avatar_url":"https://github.com/BernieTv.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 3D Skateboard Customizer App 🛹🎨💻\n\nThis repository contains the code and resources for building a **3D Skateboard Customizer App** using the following technologies:\n\n- **[Next.js 15](https://nextjs.org/)** 🚀\n- **[Three.js](https://threejs.org/)** 🌌\n- **[GSAP](https://greensock.com/gsap/)** 🎥\n- **[Prismic CMS](https://prismic.io/)** 📝\n- **[TypeScript](https://www.typescriptlang.org/)** 🔒\n- **[Tailwind CSS](https://tailwindcss.com/)** 🎨\n\n## Features ✨\n\n- **Interactive 3D Customization**: Users can personalize a 3D skateboard model with custom colors and designs. 🛹🎨\n- **Smooth Animations**: Powered by GSAP for responsive and engaging user interactions. 💃\n- **Dynamic Content Management**: Integrated with Prismic CMS to manage content dynamically. 📝🔄\n- **Responsive UI**: Built with Tailwind CSS to ensure compatibility across devices. 📱💻\n- **Deployed for the Web**: Tested and optimized for performance on platforms like Netlify. 🌐🚀\n\n## Table of Contents 📚\n\n1. [Introduction](#introduction)\n2. [Technologies Used](#technologies-used)\n3. [Installation](#installation)\n4. [Usage](#usage)\n5. [Features Overview](#features-overview)\n6. [Deployment](#deployment)\n7. [Contributing](#contributing)\n8. [License](#license)\n\n---\n\n## Introduction 🛹\n\nStep into the future of web apps with this **3D Skateboard Customizer**! 🚀 This vibrant project fuses interactive 3D graphics, sleek animations, and modern content management to deliver an exciting and immersive user experience. 🌌✨ Whether you're a skateboard enthusiast or just love experimenting with new tech, this app will blow your mind! 💥\n\n## Technologies Used 🛠️\n\n- **Next.js 15**: Framework for building server-rendered React applications. 🚀\n- **Three.js**: Library for rendering 3D graphics. 🌌\n- **GSAP**: Animation library for creating smooth transitions and animations. 🎥\n- **Prismic CMS**: Headless CMS for managing content dynamically. 📝\n- **TypeScript**: Static typing for JavaScript. 🔒\n- **Tailwind CSS**: Utility-first CSS framework for building responsive designs. 🎨\n\n## Installation ⚙️\n\n1. Clone the repository:\n\n   ```bash\n   git clone https://github.com/BernieTv/3D-Skateboard-Customizer.git\n   cd 3d-skateboard-customizer\n   ```\n\n2. Install dependencies:\n\n   ```bash\n   npm install\n   ```\n\n3. Create a `.env` file and configure your environment variables for Prismic CMS and other services. 🛠️\n\n4. Start the development server:\n\n   ```bash\n   npm run dev\n   ```\n\n5. Open your browser and navigate to `http://localhost:3000`. 🌐\n\n## Usage 🎮\n\n- Follow the on-screen prompts to customize your skateboard. 🛹\n- Adjust colors, textures, and other properties in real-time. 🎨\n- Interact with the 3D model to explore animations and effects. 🌌\n\n## Features Overview ✨\n\n### 1. Interactive 3D Skateboard Model 🛹\n\n- Built using **Three.js** for rendering and manipulating 3D objects. 🌌\n\n### 2. Smooth Animations 🎥\n\n- Powered by **GSAP**, animations bring the skateboard to life with dynamic effects. 💃\n\n### 3. Content Management 📝\n\n- **Prismic CMS** integration allows for easy content updates without touching code. 🔄\n\n### 4. Responsive Design 📱\n\n- **Tailwind CSS** ensures the app adapts seamlessly to different devices and screen sizes. 💻\n\n### 5. Deployment Ready 🌐\n\n- Optimized for deployment on platforms like **Netlify**. 🚀\n\n## Deployment 🚀\n\nTo deploy the application:\n\n1. Build the project:\n\n   ```bash\n   npm run build\n   ```\n\n2. Deploy using your preferred platform (e.g., Netlify, Vercel, AWS). 🌐\n\n## License 📜\n\nThis project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details. 📝\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbernietv%2F3d-skateboard-customizer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbernietv%2F3d-skateboard-customizer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbernietv%2F3d-skateboard-customizer/lists"}