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

1. genshin-api-tutorial

   1 1 4 0.0 CSS

   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.

2. CodeRabbit

   coderabbit.ai featured

   CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

   

3. api

   2 1 734 9.3 TypeScript

   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.

4. notepad-plus-plus

   3 336 24,115 9.7 C++

   Notepad++ official repository

   

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

5. Visual Studio Code

   4 3,105 168,867 10.0 TypeScript

   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.

Suggest a related project