I built a full stack website where you guess the country based on its music!

This page summarizes the projects mentioned and recommended in the original post on /r/webdev

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • d3-geo

    Geographic projections, spherical shapes and spherical trigonometry.

  • For the globe spinning, I used d3 and topojson to render the world at whatever projection/rotation/etc I give it. Then, using requestAnimationFrame, every frame I slightly rotate the world. Then the "water" behind it is just a blue circle that has hidden overflow.

  • topojson

    An extension of GeoJSON that encodes topology! 🌐

  • For the globe spinning, I used d3 and topojson to render the world at whatever projection/rotation/etc I give it. Then, using requestAnimationFrame, every frame I slightly rotate the world. Then the "water" behind it is just a blue circle that has hidden overflow.

  • SurveyJS

    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.

    SurveyJS logo
  • react-simple-maps

    Beautiful React SVG maps with d3-geo and topojson using a declarative api.

  • Glad you enjoyed! The globe is built using d3 and topojson, and the map layout is built using the react-simple-maps library (which is itself built on d3).

  • i18n-node

    Lightweight simple translation module for node.js / express.js with dynamic json storage. Uses common __('...') syntax in app and templates.

  • Great Work ! Kudos 👍. Just a suggestion that as you are building something which has a worldwide audience scope you might need to add language support which might not be very difficult with you current tech stack. You can use i18n package .

  • amusicalplanet

  • There is a public repo which you can find here.

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts