Useful Resources

List of resources for our projects. Feel free to add more if you want.

API's

• Public apis list of free public API's.

Notes:

⚠️ Watch for APIs that do not support client requests (you'll get CORS issues with ) Hints that the API does not support Client-side: No mention of JS/Client code samples. Example

Packages

• Lists of packages:

  • Open base amazing database of packages.

• Packages:

  • IDB This is a tiny (~1.05k brotli'd) library that mostly mirrors the IndexedDB API, but with small improvements that make a big difference to usability. You can see a video about how to use it made by google here!.
  • Boring Avatars Boring avatars is a tiny JavaScript React library that generates custom, SVG-based avatars from any username and color palette.

Tools

• Compatibility Tools:

  • What we can do today information of what your browser is capable of doing and how to do it with code examples.
  • Can I use information about which method and feature is supported by each browser.

• Wireframing & Diagram Tools:

  • Figma
  • Excalidraw
  • Sketch
  • InVision

  See some wireframing examples from previous Solo projects here and here. Made with Excalidraw.

Storage and Databases

• How to Structure Your Data with Firebase (Cloud Firestore) 14 min If you are considering using Firebase checkout this design video.

General Notes

• ⚠️ When searching for YouTube videos or tutorials online, make sure to check the date of creation, as the software versions mentioned or used in the tutorial might be outdated. Things are changing fast in the web development world, and you might find yourselves following a tutorial that has been superseded by another version with breaking changes.