201flaviosilva / utilidades

Just simple utils for javascript :)

Hi There 👋

const me = {
  pt: "Sou um programador de front-end e desenvolvedor de jogos 👾, e tento ser util em geral 🥲",
  en: "I'm a front-end developer and games developer 👾, and I try to be helpful in general 🥲",
};

export default me;

---

🚧 Projects

🚧 Projects

Web

• 201flaviosilva;
• To Do List;
• Expense Trackers;
• Casino Arbor;
• Rupestre;

Games

• Snake 3D 🐍;
• Fire Cosmos 🚀;
• Super Box Jump 👾;

💪 Skills

💪 Skills

export const programming = {
	languages: ["HTML", "CSS/SASS", "JavaScript/TS", "Python/GDScript"],
	frameworksAndLibraries: ["React", "Svelte", "Phaser", "Jest/RTL/Vitest"],
	tools: ["Git", "GitHub/GitLab/Bitbucket", "VS Code", "Godot"],
};

export const design = ["Open Toonz", "Piskel/Pixil Art"];

📊 Stats

📊 Stats

Check My Social Networks

utilidades's Issues

To Do List (API)

Create a API to manage a to do list.

• Exemplo: https://jsfiddle.net/201flaviosilva/fe68uszc/2/

Random String

• https://replit.com/@201flaviosilva/Minerva-JS#src/App/RandomPassword.js
• https://replit.com/@201flaviosilva/Random-Same-String-JS#index.js

{
numberCharacaters: 12,
numbers: true,
capital: true,
small: true,
symbols: true,
}

const ABC = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "y", "Z",];
const abc = ["a", "b", "c", "d", "e", "f", "G", "H", "I", "J", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z",];
const numbers = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9",];
const symbols1 = ["!", "\"", "@", "#", "€", "$", "£", "'Reference to deleted milestone , '‰", "&", "¶", "/", "(", "[", ")", "]", "=", "≠", "'", "?", "+", "*",];

Linked List

Help tutorial: https://www.freecodecamp.org/news/implementing-a-linked-list-in-javascript/amp/

Decision Making

Check:

• State Machine algorithm;
• Behavior Trees algorithm;

Document All functions

Use JS Doc

FIFO and LIFO

https://www.geeksforgeeks.org/fifo-vs-lifo-approach-in-programming/amp/

JS Doc to GitHub Wiki

In GitLab by @201flaviosilva on Jun 22, 2022, 12:14

Path Finding

Create an mini lib for the A* (A Star)

Check other algorithms:

• Hierarchical Pathfinding
• Path Smoothing
• Interruptible Pathfinding

Javascript Algorithms

https://github.com/trekhleb/javascript-algorithms

Conversor

• Celsius to Fahrenheit;
• Speed measurements;
• Length measurement units?
• Mass measurements?
• Time converter;

Example: https://www.w3schools.com/howto/howto_js_weight_converter.asp

Triangle Patterns

• https://replit.com/@201flaviosilva/Minerva-JS#src/App/Triangles.js
• https://replit.com/@201flaviosilva/Pattern-Program-Nodejs-JS#index.js
• https://replit.com/@201flaviosilva/Patterns-Py#main.py
• https://code.sololearn.com/ctvlpSxeGr0l

Use a JS Doc Template

Some lists

• https://cancerberosgx.github.io/jsdoc-templates-demo/demo/
• https://github.com/jsdoc/jsdoc#templates

Keyboard utils

Add utils functions to the keyboard: GitHub - Impacto

Update logical function (and, or, xor, etc...) to receive more than just 2 parameters

• Check if all Values in Array are True in JavaScript;
• "Infinite" parameters for function;

Webpack build

Create a build with the webpack

Fibonacci number

Create simples function for the Fibonacci:

• until -> run the Fibonacci sequence until the given number be lower or equal
• sequence -> return the sequence from a start point end a end point sequence(2, 10) // [2, 3, 5, 8]

Shuffle a array

Aleatorizar os itens de um array

const list = [1, 2, 3, 4, 5, 6, 7, 8, 9];
list.sort(() => {
    return Math.random() - 0.5;
});

Ref: https://dev.to/techygeeky/top-20-javascript-tips-and-tricks-to-increase-your-speed-and-efficiency-283g

Node - Create folder

https://www.instagram.com/p/Cb4FxEQr526/

Docusaurus - plugins

• Copy plugin: https://github.com/201flaviosilva/Impacto/blob/main/docs/plugins/copy2docusaurus.js
• JsDoc Docusaurus : https://github.com/201flaviosilva/Impacto/blob/main/docs/plugins/jsdoc2docusaurus.js

Math Operations

Create function to do math operations with no limit arguments:

• Sum;
• Multiplication;
• Subtraction;
• Division;
• Average;

Mouse utils functions

Add utils functions to the keyboard: GitHub - Impacto

Vector2

https://gitlab.com/201flaviosilva/utilsjs/-/snippets/2332037

Game - Snake

In GitLab by @201flaviosilva on Jul 13, 2022, 23:08

Pedra Papel e Tesoura API

In GitLab by @201flaviosilva on Jun 13, 2022, 19:31

Random Walk

• https://github.com/201flaviosilva/Algorithms/tree/main/src/RandomWalk2D
• 3D example: https://master.d27eenmeqwx48r.amplifyapp.com/src/Fixolas/RandomWalk/
• Nature of code: https://gitlab.com/201flaviosilva/Phaser-Nature-of-Code/-/tree/main/src/chp00_introduction/RandomWalkTendsToRight

Top Down Car Movimentation

https://gitlab.com/201flaviosilva/utilsjs/-/snippets/2321475

Collision Detection

Create functions to detect:

• Overlapping;
• Intersection;
• Bounding box;

From the geometric objects.

Already have some function here: https://github.com/201flaviosilva/Impacto/tree/ecb885ea9b94808867881899e418c746e9f09ecb/src/Physics

Get Browser Data

https://jsfiddle.net/201flaviosilva/nL3mgx9j/

More Ideas

Phaser Utils → https://github.com/photonstorm/phaser/tree/master/src/utils

IMC API

Índice de Massa Corporal

Python example: https://bitbucket.org/201flaviosilva/python/src/master/src/Python/CursoEmVideo/Exercicios/ex043.py

Steering Behaviors

Create an mini lib for the Steering Behaviors

Select a random item in a array

https://www.w3schools.com/python/ref_random_choice.asp

Get Version

Return the version

Full screen

https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API

• Start full screen
• End full screen
• Toogle

Mini max

Create the Minimax algorithm

Tic Tac Toe API

Create an class util and functions for the Tic Tac Toe

Binary Search Tree Class

Create a algorithm for a simple Binary Search Tree: https://github.com/201flaviosilva/Algorithms/blob/main/src/BinarySearchTree/BinarySearchTree.js

Event Manager

Create a simple event manager, example: https://github.com/behnammodi/jetemit/blob/master/src/index.js

Organize files

Move all games APIs to a folder games

Median, Mode and Range

Check this: https://vhudyma-blog.eu/mean-median-mode-and-range-in-javascript/

Function to format strings

• capitalize;
• lowercase;
• uppercase;
• camelCase;
• snakeCase;
• kebabCase;
• pascalCase;
• sentenceCase;
• inverse;
• SCREAMING_SNAKE_CASE;

and create function to do the inverse of this functions : )

Flood Fill

https://github.com/201flaviosilva/Algorithms/tree/main/src/FloodFill

Divide Evenly

https://code.sololearn.com/cQMmR1swu0bJ

Vector 2

https://gitlab.com/201flaviosilva/utilsjs/-/snippets/2332037

Noise and Gaussian

• Noise: https://gitlab.com/201flaviosilva/Phaser-Nature-of-Code/-/blob/main/src/utils/noise.js
• Gaussian: https://gitlab.com/201flaviosilva/Phaser-Nature-of-Code/-/blob/main/src/utils/gaussian.js

Neural Network

• Adapt code: https://github.com/gniziemazity/Self-driving-car/blob/main/9.'Reference to deleted milestone 20'Fine-tuning/network.js
• https://codesandbox.io/s/self-driving-car-f6fm17?file=/src/NeuralNetwork.js

Organize files

Organize functions by categories like:

• src/
  • index.js
  • numbers.js
  • arrays.js
  • strings.js
  • etc...

Ray Casting

In GitLab by @201flaviosilva on Jul 18, 2022, 17:22

DOM - Pop Up (Notification)

Create a simple pop up lib

Example here:

React Example

Morse code convertor

In GitLab by @201flaviosilva on Jun 13, 2022, 17:29