biantris / braintris

🧠 Repositories that contain everything I've created and studied (bia knowledge base)

Beatriz Oliveira

Software Engineer | 🏳️‍🌈

Focused on JavaScript stack

I'm just a weird person who wants to change (at least a little) the world for the better, through people and technology ⚛️🌎

---

Hi my name is Beatriz Oliveira a.k.a @biantris \o/ I like and practice a lot the idea with Learn in Public in sharing my knowledge with other people through blog posts or articles and open source, always trying to add value to the tech or non-tech community.

Experience in Full-Stack Development with TypeScript, React, GraphQL, Relay, MongoDB, and more technologies, focusing on products aligned with user needs.

UI&UX Designer with experience in mobile interfaces, desktop, posts, and systems, using Figma as the principal tool.

cv here 📄

---

PROJECTS

braintris: Repositories that contain everything I've created and studied

koa-server: Back-end project is a NodeJS(KoaJS) server with MongoDB(Mongoose), GraphQL(Relay) and Jest Tests

graphql-relay-web: Front-end build with React, Relay and GraphQL

restris: Functional Backend implementation of REST API with NodeJS(KoaJS) MongoDB and Jest Tests

WORKING ON

soon...

---

Feel free to support me in creating quality content through Patreon:

braintris's Issues

add my setup page

• my setup, tools
• config

Centralize my notes and writings in 1 place

• notion: notion to save something to read later only or random notes
• remove obsidian
• braintris: zettelkasten, todo's, notes, links, etc

add new projects

• bread landing page

Hi, my name is Beatriz Oliveira. I'm a software engineer. I like and practice [...]

Hi, my name is Beatriz Oliveira. I'm a software engineer. I like and practice [...]

Originalmente postado por @kamillymarinhc em #96 (comment)

add job deploy on github actions

roadmap docker

• https://sibelius.github.io/zettelkasten/learning-path/learning-path-docker

add yarn.lock in git igonore

ref #40

improve doc with docusaurus

• home page
• content page
• blog page (maybe)
• links page
• about page
• tags page

react roadmap sisi

• https://sibelius.github.io/zettelkasten/learning-path/learning-path-react
• What is React props?
• What is React state?
• unidirectional data flow
• how to create a React component
• React hooks (useState, useEffect, and other basics ones)
• Effects
• How to handle event handlers (onClick)
• React Context - share state for a subtree
• Recoiljs
• How to refactor a class component to hooks
• Create React App
• Learn what is a bundler, and how to use webpack, rollback and new solutions like vite.
• Learn how to do data fetching using pure fetch with useEffect, using react-query, using relay
• Learn how to do forms using formik
• Learn how to handle navigation using react-router
• Learn how to test using testing-library and jest
• Learn how to code split
• Learn Suspense
• Learn ErrorBoundary
• Learn about virtual dom and optimization
• Learn how to type components using Typescript
• Learn how to sync state to some external data like localStorage, cookies, querystring

graph of knowledge

https://obsidian.md/

add sponsor button

• add button on header
• patreon
• github sponsor

css stuff

• https://github.com/Allyhere/expert-css#%C3%ADndice

Callback page image broken

dev amigo podcast

add https://open.spotify.com/episode/2pPt3rCwGpKQIot0VLydUb?si=e4cb2bc015e04b05

Add page with challenges list

• front-end challenges
• back-end challenges
• full-stack challenges
• mobile challenges

add domain

add collapse sidebar

update current job

add lip talk

https://speakerdeck.com/beatrizoliveiira/learn-in-public

deploy on github pages

• remove deploy on netilfy
• add deploy on gh pages

up my current work

SQL stuff

• https://gist.github.com/coproduto/5e8cec614a86f1d5668e5322a8b2e67c
• Pré-requisito: Álgebra Relacional básica
  • O que é uma relação?
  • Como dados são representados em uma relação?
  • Como podemos expressar relacionamentos entre relações distintas?

improve metadata

• add an image
• maybe improve the site description

add projects page

• list all my projects and tags related

add tags page

• add tags on pages related your content
• add a page with all tags

roadmap vue

• https://roadmap.sh/vue

url shortener microservice ?

• https://dev.to/woovi/woovi-building-woovi-shortener-microservice-8fi

bug title in page

notes about test

How to properly test?

• test manually locally
• test using an automated integration test
• test manually on staging
• test manually on production

https://github.com/daniloab/ecommerce-op/blob/master/packages/api/src/modules/donor/tests/donorPost.spec.ts

deploy broken

fix https://github.com/biantris/braintris/actions/workflows/deploy.yml

A page to add readings

• read
• unread

[ERROR] Invalid docusaurus-plugin-content-docs version 2.4.0.

fix security vulnerabilities

see https://github.com/biantris/braintris/security/dependabot

lovely docusaurus sites

lovely: https://www.lunarvim.org/

study js linco

• https://twitter.com/lincolixavier/status/1646217689709281288?s=20
• O que é closure? #379
• O que é higher-order function?
• Quais são as diferenças call, apply e bind?
• O que é event loop?
• O que é currying function?
• O que é protótipo em javascript?
• O que é memoization?
• O que é event delegation?

add google analytics

add i18n

see https://docusaurus.io/docs/i18n/introduction

add testimonials page

ref https://kentcdodds.com/testimonials
see https://docusaurus.io/pt-BR/feature-requests/
or
create an issue that contains this feedback

Improve metadata

add youtube videos

• https://www.youtube.com/live/NkgQNPf9mNg?feature=share

add latest update

migrate GA to Vercel Analytics and deploy

page bio?

automatic pre release

• https://github.com/marvinpinto/action-automatic-releases#automatically-generate-a-pre-release-when-changes-land-on-master

add gists

content

• cs
  • Learn Computer Science
  • SICP ( notion too )
• git
  • merge, squash and merge
• job
  • things I've learned
• js
  • callback
  • promise
  • Scope, Block Statement
  • setTimeout
  • Tipos de dados no JS (mais utilizados)
  • Tipos dinâmicos
• mongoDB
  • Query Optimization
• LEDGER
• Performance in react
• Sistema de gerenciamento de filas

fix path link to about

• add /

roadmap aws-lambda

• https://sibelius.github.io/zettelkasten/learning-path/learning-path-aws-lambda

up

• author
• stacks on actual job
• maybe up the description on the bio

Lisp Parser in JavaScript or ts