Scraping a website with Cheerio to build an API
Free public APIs for developers
Mapbox - map implementation:
Mapbox - to implement a map on your webpage. Preferable to google maps, as with maps they charge for certain services without much warnings..
API for implementing a payment function to your app..
e.g for Two-factor authentication
When it is having trouble with credentials
If it might be an issue with CORS
Colour your console logs!!
: (‘%c with message’ , ‘css styles’) e.g: console.log( '%c SUCCESSFUL CODING!!' , 'background: #444; color: #bada55; padding: 2px; border-radius:2px' )
Sketch Developer Handoff - Inspector A tool people use to design the App (make a model version to code later)
Screen size affecting font size
Borders with Gradients , AND rounded edges
Course & exercises for learning
Land of design dreams, all resources collected here:
Try googling the exact error - often gives clues
errors with accessing nested objects/arrays
Overview over common CSS frameworks :)
Framework Frontend CSS like bootstrap
React-Bootstrap, to be used when the app is built in react - not the same as just bootstrap
Video: Top signs of an inexperienced programmer Funny video and can make us feel a bit readier to enter the world :P
How to: Git Pull without committing changes
git stash
git pull
git stash pop
Video about what is a pull request?
How to do one: First part if you DO have writing access to the repo (aka owner, collaborator)
Second part is if you dont! Very helpful analogy with bananas! Here is all the info written down also with video within:
GITHUB — create a new repo , copy its code THEN → create a local folder on your computer for it (e.g using npx create-react-app name-of-project) & open in VS CODE — in terminal type:
git commit -m “message here” git remote add origin <<your_github_repo_url/code>> git push origin master //OR// git push origin main ...main or master depends on what branch you usually use - if you don’t know try both until one works? :)
[*the modern way would be using ‘main’ as the master term has some slavery background..]
K(
Kim Kong (whatkimkong)
Chakra UI also has a few of their own
Video aptly explaining Recursive Solutions!!
A Javascript library to create a PDF view
Repo: Tutorial: Tutorial-2:
Overview of usefull Libraries: A friend set up a long list of various libraries sorted by topic
Schema types and examples:
Collection example, CyberKongs Vocab - minting - where you are randomly allocated an NFT - maybe rare find - like pokeCards back in the day
You can access a value using String[keyName] not only String[2] as when using index numbers!
You can create re-renders at specific timepoints
useEffect Timed Interval example here
axios for the back-end
npx ironlauncher@latest <your-app-name> —fs --json --auth (creates 2 files of a Fullstack authed app with Express on the BE and React Client) ((FULL INFO in CODE GANG TEAM DOC → ))
A package that allows you to add a tinder-like swiper card functionality:
Types of domains that cannot be controlled, not supported on most browsers
THE LAST GUIDE, apparently,
Behance - a place where you can showcase design :
Dribbble - lots of UX examples for inspo:
Awwwards - Voted Best Design Websites:
Incredible Scroller on the Z axis — Deep and 3D
Beautiful app where concept and scroll is intertwined!
Downloading Xcode - DO NOT with APP STORE!!, and remember the terminal commands needed afterwards
Software compatibility: Download access to older versions!!: