[AskWebDev] How to create a 3d blender environment with clickable objects and a PostgreSQL connection for retrieving data about those objects?

• three.js

  449 98,752 9.9 JavaScript

  JavaScript 3D Library.

2) The top tool for creating interactive 3D web experiences today is ThreeJS. It is the industry standard, and there are many resources online to learn. You can see all the amazing real-world examples on the ThreeJS Homepage. It also has a huge community to help you with any issues. There is an amazing course that I recommend from Bruno Simon (Check out his portfolio. It is similar to the effect that you want) that will make learning this fun and easy. It is extremely high quality and is always being updated. But if you cannot afford it, then there are also lots of video lessons on youtube.

• Strapi

  458 59,840 10.0 TypeScript

  🚀 Strapi is the leading open-source headless CMS. It’s 100% JavaScript/TypeScript, fully customizable and developer-first.

  

3) The backend. As you have said you are using Django for that. So you can use Django Rest Framework to create an API that your front end code can pull data from when interacting with the ThreeJS environment. You can also use maybe a headless CMS like prismic or strapi if you don't want to do too much back end work.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

Suggest a related project