How to navigate a web project using the browser inspector and test an open source API with Postman (Part 1)

This page summarizes the projects mentioned and recommended in the original post on dev.to

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

    Repo to accompany the tutorial series for Web Dev Newbies

  • Have Git installed, then fork the starter kit repository here. The fork button is found at the top right corner.

  • api

    A fan-made Genshin Impact API for easy access to game data. (by genshindev)

  • Go to the repository and briefly look at its project structure. You can skip the parts on the README.md after Prerequisites. As mentioned in the README.md, you can visit the API site at https://api.genshin.dev/, you will see this is what you get.

  • 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
  • notepad-plus-plus

    Notepad++ official repository

  • For this hands-on, you can use whatever you want, even Notepad ++ suffices because it is that simple.

  • Visual Studio Code

    Visual Studio Code

  • Personally I recommend Visual Studio Code for Web Development, because of how lightweight it is and easy to download appropriate plugins to aid your coding process. And if you do choose to use this IDE, here are some suggestions for plug-ins to install for this project. HTML CSS Support: Intellisense for auto-completion of HTML attributes Markdown Preview Enhanced: the scroll sync feature is very useful for markdowns. Markdown All-in-One: I greatly benefitted from the keyboard shortcuts for markdown & ToC feature from the plugin. There's also other nifty features you can checkout on the page.

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