Olá, eu me chamo

Fernanda Dias Menezes.

Desenvolvimento  

Eu sou uma estudante de ciência da computação com stack principal em JavaScript. Como alguém que sempre busca aprender coisas novas, estou sempre disposta a me desafiar e abraçar novas tecnologias e tendências.

Foto Fernanda Dias

Um pouco sobre mim

Sobre.

Olá, Eu me chamo Fernanda! Meu interesse e primeiro contato com desenvolvimento web começou em 2008 com o Tumblr, quando decidi tentar editar e criar novos temas personalizados e isso me ensinou muito sobre HTML e CSS.


Atualmente sou estudante de ciência da computação e tenho foco no desenvolvimento web, mais especificamente no front-end. Além disso,tenho trabalhado como freelancer nos últimos 7 meses, colocando em prática todos os meus conhecimentos adquiridos ao longo da graduação.

Minhas experiências

Linguagens e tecnologias.

Aqui estão as linguagens e tecnologias que eu tenho contato.

HTML
CSS
Sass
Bootstrap
JavaScript
React.js
Node.js
MySQL
Docker
Git
GitHub
Adobe Photoshop
Adobe Illustrator
Adobe Premiere Pro
Figma

Apps que desenvolvi

Projetos.

Natalina's

O site oferece um layout responsivo de uma loja de artigos natalinos. Contém animações ao rolar a página, possui modo claro/escuro e foi desenvolvido utilizando a metodologia "Mobile first". O site é compatível com todos os tipos de dispositivos e possui uma interface de usuário bonita e agradável.


HTML • CSS • JavaScript • Swiper • ScrollReveal

Focus Timer

Aplicativo que funciona como um temporizador. Contém modo claro e escuro, diversos tipos de sons ambientes, com possibilidade de aumentar e diminuir o volume, para que ele seja adaptável ao conforto do usuário.


HTML • CSS • JavaScript

Clothes

Aplicação simples e responsiva de uma loja de roupas e acessórios com interface intuitiva e adaptável para oferecer uma experiência de compra fácil e eficiente.


HTML • CSS • Bootstrap • JavaScript • Jquery • Isotope.js

Feed

O Feed é um projeto de estreia em React, que replica o formato de feed das redes sociais. Ele permite interações como comentários, curtidas e exclusão de comentários, oferecendo uma experiência simples e funcional para os usuários.


HTML • CSS module • ReactJs • Vite • ReactDom • Datefns • Phosphor React

Weather App

Site que fornece informações detalhadas sobre o clima de qualquer local pesquisado pelo usuário, apresentando dados como temperatura e condições meteorológicas. Oferece uma experiência intuitiva e visualmente atraente, permitindo que os usuários obtenham rapidamente as informações climáticas desejadas.


HTML • CSS • JavaScript • Weather API • Country Flags API

RocketPay

É um componente funcional que simula o preenchimento de formulários de cartão de crédito, oferecendo recursos de máscara para os campos de entrada e a capacidade de atualizar elementos HTML em tempo real, aprimorando a experiência do usuário fornecendo uma interface intuitiva e dinâmica para o preenchimento de informações de cartão de crédito.


HTML • CSS • JavaScript • Node • Vite • iMask

Calculadora IMC

Calculadora que oferece validação de erro para evitar digitação incorreta de dados, alertando o usuário quando inserir o valor correto nos campos. Além de exibir o resultado em um popup, permitindo ao usuário visualizar rapidamente seu índice de massa corporal. Adicionalmente, é possível fechar o popup pressionando a tecla 'ESC', proporcionando uma experiência intuitiva e facilitada.


HTML • CSS • JavaScript

Travel

Site de viagens responsivo seguindo a metodologia "Mobile First" para garantir uma experiência otimizada em dispositivos móveis e adaptado para desktop posteriormente. O site oferece compatibilidade com todos os dispositivos móveis e possui uma interface de usuário atrativa, proporcionando uma experiência visualmente agradável e intuitiva para os usuários.


HTML • CSS • Scss • JavaScript

Calculadora

Uma calculadora com um design simples e encantador, focando na essência da funcionalidade. Com uma estética minimalista e intuitiva, a calculadora proporciona uma experiência agradável ao usuário, tornando as operações matemáticas mais práticas e acessíveis.


HTML • CSS • Scss • JavaScript

Moon Error

Uma página de erro interativa que aproveita conceitos de animação em HTML5 e CSS3. Foi desenvolvida com diferentes técnicas de animação para criar uma experiência visualmente cativante e envolvente para os usuários que acessarem a página de erro.


HTML • CSS

Entre em contato.

Obrigada por sua visita, aguardo ansiosamente para falar mais sobre minhas habilidades e experiências. Qualquer dúvida ou se deseja apenas dar o seu oi ou feedback, estarei feliz em receber e assim que possível irei te retornar!