NES Design Studio

3D Configurator for the Nintendo Entertainment System.

View demo

About

I built this project to experiment with 3D and the three.js library and how it could be used to improve UX in an online shop with product personalisation.

All trademarks belong to Nintendo™ and is used solely for educational purposes.

Built with

• React
• Three.js
• React Three Fiber
• React Three Drei
• Zustand
• Tailwind

Getting Started

⚙️ Prerequisites

Ensure you have Node.js and npm installed on your machine to run this project locally.

💾 Installation

1. Clone the Repository

git clone git@github.com:louis-va/nes-design-studio.git

2. Install dependencies

cd nes-design-studio/
npm install

🚀 Execution

Run the app locally

npm run dev

🚚 Production

Build and Run

npm run build
npm run start

Acknowledgments

• Credits to 3dblendheat for the 3d model
• Credits to NintendoLife for the NES Games Pictures