Skip to content
This repository has been archived by the owner on Jul 21, 2023. It is now read-only.

Avatar based personal car configurator built during the MHP Hackathon 2022.

License

Notifications You must be signed in to change notification settings

yavuzsonmez/Gamified-Car-configurator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🕹️ Gamified Car Configurator 🚗


About 📖


This project was created in 3 days during the MHP - A Porsche Company "Mobility Hack 2022" Hackathon and earned us the second place. Your create your avatar, we create a car configuration for you. We choose to build this configurator because usually people spend more time creating avatar as playing because it's fun.


Interface


Introduction


Did you ever try to configure your dream car and felt like drowning in all the options and features? 😖

We feel you, we know the frustration, but we have a solution, using gamification. 👍



How does it work ? 🔧


The idea was to create a sophisticated algorithm which we simplified a lot to be able to implement the idea in 3 days.


(1) You create an avatar which corresponds to you.

(2) We perform a profiling and apply a scoring system.

(3) You got your car configuration, based on your needs and lifestyle !


Let's start customizing our Avatar, first we have to fill in some input parameters.


Avatar


Damn ! That's exactly the car I was looking for ! 🚙 Let's take a look in the showroom, on the right side you can see all the additionals options of the car.


Showroom



Business Model 📈


  • SAAS (Software as a Service) on which car brands can register and enable users to configure their car through gamification.

  • These brands have to pay annual subscription for their models to be presented on our website. Moreover, if an appointement is taken, we could charge the company.




Roadmap 🚀


Actually the logic is pretty simple and based on "stereotypes"

-> By adding more input parameters we could find a better matching car.

-> Based on your feeback we could improve our configurator's accuracy

-> Aside of finding your car in this world, we could also help you to find your virtual car in the Metaverse.




How to run the app locally 💻

  • clone the repository ✔️

git clone repo name

cd repo name

  • run the backend (default port: 4242) ✔️

cd backend

npm install

npm start

  • open another terminal and run the frontend (default port: 3000) ✔️

cd frontend

npm install

npm start

  • Your brower should open on localhost:3000 ✔️

Enjoy!




Technologies 🧰


Backend Frontend 3D
TypeScript React Blender
Express Three.js
AWS Three Fiber
Three drei
gltfjsx
Sass



The 'HEXAGON' Team ☄️