Hello, dev (:
Criei esse repositório para apresentar os meus outros repositórios e as respectivas linguagens que eu estou estudando.
arka.
find-cep | Projeto para puxar os dados de uma api (fetch) e renderizá-los com javascript vanilla.
background-fixed | Testando algumas propriedades no html e no css.
rocketseat-pagina-de-receita | Desafio Página de receita. Iniciante: (html & css).
rocketseat-portfolio | Desafio Portfolio. Iniciante: (html & css).
rocketseat-rocketnews | Desafio RocketNews. Iniciante: (html & css).
rocketseat-socialtree | Desafio Social tree. Iniciante: (html & css).
rocketseat-theme-switcher | Desafio Theme switcher. Intermediário: (html, css & javascript).
rocketseat-countdown | Desafio Countdown. Intermediário: (html, css & javascript).
rocketseat-slider | Desafio Sidebar da Rocketseat. Intermediário: (html, css & javascript).
rocketseat-pricing-table | Desafio Pricing table. Intermediário: (html & css).
rocketseat-rocketblog | Desafio Rocket blog. Intermediário: (html & css).
rocketseat-login-form | Desafio: Login form css. Intermediário: (html & css).
rocketseat-rocket-shoes | Desafio: Rocket shoes. Intermediário: (html & css).
rocketseat-rocketflix | Desafio: Rocket flix. Avançado: (html, css & javascript).
reactjs-CRUD-v1 | Esse foi o meu primeiro projeto integrando Firebase e ReactJS. Ele é uma CRUD (create, read, update & delete) que você pode criar a sua conta, logar e adicionar dados à tabela. Há ainda alguns errinhos (como chamar várias vezes os mesmos dados, o que atrasa demais a renderização) mas dá para entender as funções do firebase (firestore e authenticator) integrando elas ao react.
reactjs-CRUD-v2 | Essa é a segunda versão da CRUD. Aqui eu utilizei react-redux para salvar os dados num state global ao invés de ficar chamando elas várias vezes através do firebase (como na primeira versão).
translate-in-reactjs | Criei esse mini projeto para testar o i18next, pacote usado para traduzir textos.
Authenticator with Firebase (+ firestore & firestorage) | Um mini projeto com complexidade maior: sistema de login, cadastro e opções de perfil (mudar foto, nome e banner). Criei porque queria aprender como funcionava o firebase storage, daí me baseei no autenticador do Hubert que já englobava tanto o firestore quanto o storage no projeto.
website-with-styledcomponents | Um projeto que eu quis testar um novo pacote que aprendi recentemente (styledcomponents).
react-with-ts | Primeira vez juntando typescript e ReactJS.
slider-theme-switcher | Criando um layout para outro projeto. É uma dashboard com slider e theme switcher.
click Render | Um mini projeto de clicker com typescript: ele pega a posição do click e gera um círculo nessas coordenadas.
react-rocketblog | Aprendendo a usar o motion-framer para criar animações.
todo-list | Testando animações com framer-motion e entendo como funciona o redux slicer.
hash-game | Um mini jogo da velha (de pizzas e folhas) - testando algumas bibliotecas e a lógica por trás do jogo.
react-rocket-shoes | Construindo o mesmo projeto anterior mas agora através do ReactJS e da biblioteca Tailwind CSS para estilizar componenentes.
pop-up-modal-reactjs | Um simples projeto de pop up modal, mas agora usando framer-motion no ReactJS.
begginer-react-interview | Um desafio que vi no youtube e achei interessante refazer. Esse é mais básico, mas os proximos serão mais avançados.
intermediate-react-interview | Embora eu não tenha conseguido fazer o desafio de primeira, sem ver o vídeo, aprendi muita coisa. A ideia de criar um componente e renderizar ele mesmo dentro dele é sensacional: abriu os meus olhos para um novo tipo de looping indespensável para criar aninhamentos de componentes filhos. (=
multi-select-state-dropdown | Outro desafio iniciante, mas utilizando Typescript para testar como funciona.
shadcnui-w-react shadcn-ui, zod & hookforms
show-name-rnative | Entendendo como funciona os componentes do React Native através de uma simples aplicação.
navigate-mobile | Primeiros passos com react navigate.
todo-with-rnative | Uma aplicação maior que as anteriores: todo com redux slicer e react navigation.
post-gallery-native | Galeria de posts de usuários com React Native: entendendo e testando propriedades do FlatList.
pop-up-modal | Meus primeiros passos com animações de tela - nesse caso, um modal.
navigate-mobile-2 | O mesmo projeto mas na segunda versão: adicionado fontes com o expo e screens agora com efeito horizontal.
localstorage-mobile | Testando como funciona para persistir dados com o redux-persist e outras funcionalidades que eu nunca tinha visto: keyboard, vibration, TouchableWithoutFeedback, por ai.
nextjs-fundamentals | Dando os meus primeiros passos com NextJS: conhecendo como funciona as rotas, parâmetros e queries, componentes nativos e estilização de elementos.
next12-data-table | Outro projeto feito em Next-12, baseado em outro que eu já tinha feito em ReactJS. Aprendi e relembrei muitas coisas fazendo-o. Pretendo fazer o mesmo projeto com Next13, já corrigindo uns pequenos bugs e melhorando a estrutura do código, já que esse projeto eu tinha feito há algum tempo atrás.
nextjs-auth-firebase shadcn, firebase & next-auth
api-restful-with-mysql | Aplicação de uma api usando NodeJS (express). Para fazer as requisições eu utilizei o Insomnia e para salvar os dados mySQL.
JSON-generator-api | Uma api sem usar banco de dados: os dados são gravados num arquivo JSON no próprio diretório. As requisição foram feitas com o axios e o servidor através do express.
genids | Dando inicío ao estudos de typescript, recriei a biblioteca genids (Hubert Ryan) para testar alguns fundamentos de ts, além de utilizar o jest para testes unitários.
nodejs-and-react | Unindo ReactJS e NodeJS para fazer uma aplicação fullstack: as requisições são feitas com o axios no React, são tratadas no Node juntamente com o mysql e retornadas para o React.
node-and-ejs | Aprendendo como funciona o EJS para renderizar páginas através do node (express). Estilização: bootstrap.
multer & react | Testando o multer com o front-end: através do formik, envio uma requisição post com o axios para o servidor e a imagem é salva no próprio diretório.
api-rest | Projeto feito com base em outro: fui lendo um repositório que acabei encontrando e, a partir daí, reconstruí-o modificando, criando anotações e testando com o Postman. Foi ótimo, aprendi bastante sobre as bibliotecas Mongoose e jsonwebtoken.
basic-prisma-api | Aprendendo como o Prisma funciona. É uma API básica baseada em outro repositório, feito com NodeJS e Typescript.
email-ejs | Um pequeno repositório para enviar email através do NodeJS, usando ejs.
lib-save-file | Uma lib que eu criei para salvar arquivos usando NodeJS.
testing-socket-io | Como eu iria precisar criar um status realtime, fiz esse pequeno projeto para entender o socket.io (nodejs + reactjs).
FragmentsGem | Meu primeiro código em java. É um plugin de minecraft =).
Apredendo a criar bots para servidores do discord! Pretendo utilizá-los em futuros projetos :)) Discord.py #1
Classes em ts ~ tinha me esquecido!?