https://github.com/isma1306/useful-resources
List of resources for our projects.
https://github.com/isma1306/useful-resources
Last synced: about 1 year ago
JSON representation
List of resources for our projects.
- Host: GitHub
- URL: https://github.com/isma1306/useful-resources
- Owner: Isma1306
- Created: 2022-06-07T07:34:54.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2022-06-07T11:53:19.000Z (about 4 years ago)
- Last Synced: 2025-02-14T23:38:46.454Z (over 1 year ago)
- Size: 551 KB
- Stars: 5
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Useful Resources
List of resources for our projects. Feel free to add more if you want.
## API's
- [Public apis](https://github.com/public-apis/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](./img/API.Probably.not.Supporting.Client.Requests.jpg)
## Packages
- **Lists of packages**:
- [Open base](https://openbase.com/) amazing database of packages.
- **Packages**:
- [IDB](https://github.com/jakearchibald/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!](https://www.youtube.com/watch?v=VNFDoawcmNc).
- [Boring Avatars](https://www.npmjs.com/package/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](https://whatwebcando.today/) information of what your browser is capable of doing and how to do it with **code examples**.
- [Can I use](https://caniuse.com/) information about which method and feature is supported by each browser.
- **Wireframing & Diagram Tools**:
- [Figma](https://www.figma.com/)
- [Excalidraw](https://excalidraw.com/)
- [Sketch](https://www.sketch.com/)
- [InVision](https://www.invisionapp.com/)
See some wireframing examples from previous Solo projects [here](./img/Solo.Diagrams.01.jpg) and [here](./img/Solo.Diagrams.02.jpg). Made with `Excalidraw`.
## Storage and Databases
- [How to Structure Your Data with Firebase (Cloud Firestore) 14 min](https://www.youtube.com/watch?v=haMOUb3KVSo) 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.