Recipes App

Projeto em grupo desenvolvido na Trybe

Com este projeto desenvolvido seguindo o layout apresentado, pude colocar em prática todo meu conhecimento adquirido no curso de frontEnd, utilizando react hooks, BootStrap, e Javascript. Design concebido no conceito mobile first, no qual a interface se adapta a pequenas telas. Neste projeto também pude desenvolver conceitos de metodologias ágeis, kambam, trello e trabaho em equipe.

• Data: Agosto 2021
• Tecnologias: HTML, CSS, JavaScript, React Hooks
• Site
• Repositório

Close Project

e-commerce-app

Projeto de delivery app

Projeto em grupo desenvolvido na Trybe onde aprendemos a integrar front-end com back-end, conceitos de banco de dados relacional, socket-io e estilizações

• Data: Novembro 2021
• Tecnologias: HTML, CSS, JavaScript, React Hooks, NodeJs, Sequelize, mySQL, Heroku
• Site
• Repositório

Close Project

ZipCode

Desafio de Frontend Smile & Go

Com este projeto desenvolvido seguindo o layout apresentado, pude colocar em prática todo meu conhecimento relacionado as tecnologias, javascript, html, css e electron. Esse projeto basicamente mostra as condições climáticas por cidade. Para mais informações acesse o repositório do site.

• Data: Dezembro 2021
• Tecnologias: HTML, CSS, Javascript e Electron
• Site
• Repositório

Close Project

My Daily Status

Desenvolvido no FullStack Lab, com Tulio Faria

Desenvolvemos e implementamos do zero uma Web App para ajudar as pessoas a se cuidarem nesses tempos difíceis de pandemia, chamada My Daily Status. Utilizamos a stack NodeJS e ReactJS, e diversas outras tecnologias como Next (framework), Auth0 (autenticação), Tail Wind (similar ao Bootstrap, porém te dá mais liberdade), Firebase (plataforma completa, usamos para geolocalização), Zeit (hospedagem), e muitas outras.

• Data: Abril 2020
• Tecnologias: Next.js, React, Tailwind, Firebase e Zeit
• Repositório

Close Project

Forkify

Desenvolvido no curso The Complete JavaScript

Forkify utiliza uma API com mais de 100 mil receitas, as quais o usuário pode dar um like para salvar, separar os ingredientes no carrinho e também conferir o número de ingredientes em comparação ao número de pessoas que deseja servir.

• Data: Abril 2020
• Tecnologias: HTML, CSS, JavaScript, Babel e Webpack
• Repositório

Close Project

Clipboard

Desenvolvido em desafio do Frontend Mentor

Com este projeto desenvolvido seguindo o layout apresentado pelo desafio, pude colocar em prática todo meu conhecimento adquirido em cursos e estudos anteriores, utilizando muito Flexbox. Para mais informações acesse o repositório do site.

• Data: Abril 2020
• Tecnologias: HTML e CSS
• Site
• Repositório

Close Project

Appilicous

Desenvolvido em vídeo aulas do Kevin Powell

O desenvolvimento desse projeto pelo autor Kevin Powell teve como objetivo apresentar as ferramentas de trabalho de um Desenvolvedor Frontend. Utilizei o Prepos para compilar o Sass e o GitHub Desktop para fazer os commits.

• Data: Maio 2020
• Tecnologias: HTML, CSS, jQuery e Sass
• Site
• Repositório

Close Project

Creative

Desenvolvido em vídeo aulas do Kevin Powell

O desenvolvimento desse projeto pelo autor Kevin Powell teve como objetivo apresentar as ferramentas de trabalho de um Desenvolvedor Frontend. Utilizei o Prepos para compilar o Sass e o GitHub Desktop para fazer os commits.

• Data: Maio 2020
• Tecnologias: HTML, CSS e Sass
• Site
• Repositório

Close Project

Be The Hero

Desenvolvido na 11º Semana OmniStack, da Rocketseat

O Be The Hero é o projeto da semana OmniStack 11.0 da Rocket Seat, com o objetivo de construir um aplicativo para o contato de ONG's com doadores. Desenvolvi tanto o backend com Node.js, quanto o front-end com React, e mobile com o React Native.

• Data: Abril 2020
• Tecnologias: Node.js, React, React Native e SQLite
• Repositório

Close Project

Agência New

Desenvolvido no curso do HTML e CSS Pro

Site responsivo desenvolvido durante um curso online. Baixei o layout montado pelo professor e desenvolvi de forma autônoma, usando os vídeos apenas para tirar dúvidas. Pude aprender muitas coisas durante o processo, e melhorei muito minha manipulação do CSS e do HTML. Principais aprendizados: trabalhei com Medias, logo pude me aprofundar mais na marcação de um site responsivo, aprendi como usar o CSS para fazer interações, substituindo o JavaScript e tornando o processo mais simples e também aprendi como usar um carousel.

• Data: Abril 2020
• Tecnologias: HTML, CSS e JavaScript
• Site
• Repositório

Close Project

Wildbeast

Desenvolvido no curso CSS Grid da Origamid

Site desenvolvido para colocar em prática o conhecimento adquirido no curso de Grid.

• Data: Maio 2020
• Tecnologias: HTML e CSS Grid
• Site
• Repositório

Close Project

Caravan

Desenvolvido no curso de Bootstrap da Origamid

Site com navegação entre páginas, carousel e outras funcionalidades desenvolvido para colocar em prática conhecimentos sobre o Bootstrap.

• Data: Maio 2020
• Tecnologias: HTML, CSS e Bootstrap
• Site
• Repositório

Close Project

Animais Fantásticos

Desenvolvido no curso JavaScript Completo ES6 da Origamid

Site com carousel, slides e formulários desenvolvido para colocar em prática o conhecimento em JavaScript

• Data: Maio 2020
• Tecnologias: HTML, CSS e JavaScript
• Site
• Repositório

Close Project

Twitter

Desenvolvido para colocar em prática conhecimentos em React

O projeto é uma reprodução da página inicial do Twiiter e foi desenvolvido para praticar rapidamente o uso da Semantic UI e a componentização no React.

• Data: Maio 2020
• Tecnologias: React
• Repositório

Close Project

Instagram

Desenvolvido para colocar em prática conhecimentos em React

O projeto é uma reprodução das páginas inicial e perfil do usuário do Instagram e foi desenvolvido para praticar o uso do React Router, Sass e Webpack na biblioteca React. Em breve serão feitas alterações no projeto, tornando o mesmo responsivo com o uso de media queries e utilizando React Modals e outras libs, tornando-o funcional

• Data: Maio 2020
• Tecnologias: React, Webpack e Sass
• Repositório

Close Project

Insure

Desenvolvido em desafio do Frontend Mentor

Com este projeto desenvolvido seguindo o layout apresentado pelo desafio, pude colocar em prática todo meu conhecimento adquirido em cursos e estudos anteriores, utilizando muito CSS Grid e Flexbox. Para mais informações acesse o repositório do site.

• Data: Abril 2020
• Tecnologias: HTML e CSS (Grid e Flexbox)
• Site
• Repositório

Close Project

Manage Landing

Desenvolvido em desafio do Frontend Mentor

Com este projeto desenvolvido seguindo o layout apresentado pelo desafio, pude colocar em prática todo meu conhecimento adquirido em cursos e estudos anteriores, utilizando um pouco de JavaScript e muito CSS Grid e Flexbox. Para mais informações acesse o repositório do site.

• Data: Abril 2020
• Tecnologias: HTML, CSS Grid e JavaScript
• Site
• Repositório

Close Project

Trillo

Desenvolvido no curso Advanced CSS and Sass

Durante o projeto pude aprender na prática como funciona o Flexbox, uma ferramenta muito útil para o desenvolvimento de um site. Além disso, pude entender as vantagens e como utilizar SVG, além da propriedade mask. Como no primeiro projeto do curso, foi utilizado o pré-processador Sass. Para mais informações visite o repositório do site.

• Data: Abril 2020
• Tecnologias: HTML, CSS (Flexbox) e Sass
• Site
• Repositório

Close Project

Natours

Desenvolvido no curso Advanced CSS and Sass

Durante o densevolvimento pude aprender muitas ferramentas novas, como outline-offset, clip-path, column-count, display:table, @content, @support, background-clip, etc. Ao terminar de montar o site, aprendi a fazer uma Build para o projeto, concatenando, prefixando, compactando e comprimindo o mesmo. Para mais informações visite o repositório do site.

• Data: Abril 2020
• Tecnologias: HTML, CSS e Sass
• Site
• Repositório

Close Project

Nexter

Desenvolvido no curso Advanced CSS and Sass

Durante o projeto pude aprender na prática como funciona o Grid, uma ferramenta muito útil para o desenvolvimento de um site. A primeira parte do módulo de Grid contava com pequenes exercícios realizados no Codepen.io, e logo após fomos para o projeto real. Como nos dois primeiros projeto do curso, foi utilizado o pré-processador Sass. Para mais informações visite o repositório do site.

• Data: Abril 2020
• Tecnologias: HTML, CSS Grid e Sass
• Site
• Repositório

Close Project