Periodic Table of Knowledge

How to solve programming problems:

0. Don't panic
1. What are the inputs?
2. What are the expected outputs?
3. Work through some examples by hand.
4. Create a simple mechanical solution. Something that doesn't really solve the issue but gives you a starting thinking point.
5. Develop incrementally and test as you go

Projects

• # [VUE | TypeScript] A Memory Game built with VUE JS using the Composition API and TypeScript while hosting the Leaderboard in Firebase:GitHubhttps://matchit.pedroferrari.com/
• # [BUN | SolidJS | TypeScript] A fun pokedex that instantly fetches pokemon and caches information:GitHubhttps://solidpokedex.pedroferrari.com/
• # [TypeScript | Docker | Apolo GraphQL | React | Redux] An E-Sports Client made with Apollo Client and React:https://dota.pedroferrari.com
• # [TypeScript | React | Browser APIs | Caching] A case-study on Streaming Services that rely on TV Boxes and slower devices about how to save memory by forcing the garbage collector to dispose images and data.https://github.com/thepedroferrari/React-Streaming-Platform-Memory-Cleanup-Study
• # [TypeScript | React | Node | GraphQL] A chat tool for Planning poker, one of the most wasteful ways to pretend we can define how long software will take to be built.Github ClientGithub Server
• # [TypeScript | React | Grommet | Firebase] A Property Auditor that lets you calculate the value and compare with other properties based on your personal profile:https://auditor.pedroferrari.com/
• # [TypeScript Class] A one-hour class on usability of TypeScript after the basic understanding:https://github.com/thepedroferrari/ts-basics-presentation
• # [Deno | TypeScript | XLSS] A tool to calculate expenses based on a export from HandelsBanken:GitHub
• # [JAVA | TypeScript | React] A tool to pool data from a Vertex/Java Backend:GitHub
• # [React | TypeScript | XLSS] A tool to calculate expenses based on a export from HandelsBanken:GitHubhttps://ma.pedroferrari.com/
• # [Deno | React | TypeScript | Oak] A simple calculator server that parses strings sent by the frontend:GitHub BackendGitHub Frontend
• # [Golang | GO] A Game of Conway written in GOGitHub
• # [JAVA] A Game of 21 written in JavaGitHub
• # [Node | Puppeteer | Headless Chrome | Rest] A tool that scrapes information from Hemnet website and servers it through API RequestsGitHub
• # [React | JavaScript] A Tetris game in ReactGitHub
• # [TypeScript | React | Styled Components | Firebase] A typing game where you can save your score to aFirebase Leaderboard:https://typist.pedroferrari.com/
• # [Node | TypeScript | Apollo Server] A GraphQL Server for an E-Sports Rest API made with Apollo Server:http://the-dota-api.herokuapp.com/graphql
• # [TypeScript | Zustand] A Memory Game built with React using Zustand, React Tracked and TypeScript while hosting the Leaderboard in Firebase:https://memorygame.pedroferrari.com/
• # [Voice API] The Chrome Voice API tool that writes what you said and interacts with defined words:https://dictate.pedroferrari.com
• # [Bash | Chocolatey | JavaScript | Windows Installer] Windows Automation Installer / Updater / Uninstaller web generator tool built in JavaScript and Bash:https://rockinstaller.pedroferrari.com
• # [TypeScript | React | Websockets | SSO ] A React fake store withauthentication and real time database withFirebase:https://catchoftheday.pedroferrari.com
• # [React | TypeScript | Canvas] The classic game Snake built withReact and TypeScript:https://snake.pedroferrari.com
• # [React | TypeScript | Canvas] The famous Pong Game built inReact:https://pong.pedroferrari.com
• # [NestJS | TypeScript | GraphQL | MongoDB] A Backend server written inNestJS/GraphQL/MongoDB to get cat images (very important tool):https://github.com/thepedroferrari/nestJS-GraphQL-MongoDB-Cats
• # [Giphy API | TypeScript] A React Giphy search with TypeScript andReact Hooks:https://giphy.pedroferrari.com
• # [TypeScript | React] A Todo App using TypeScript andReact Hooks:https://todo.pedroferrari.com
• # [React] A simple Fetch using a REST API built inReact:https://postfetcher.pedroferrari.com
• # [React | Redux] A movie database using themoviesdb API withReact and Redux:https://moviesdb.pedroferrari.com
• # [React] A fake instagram-like tool built in React:https://insta.pedroferrari.com
• # [JavaScript] A simple Counter Strike based mobile game:https://mobilestrike.pedroferrari.com
• IBM Watson voice API built in React:https://watson.pedroferrari.com