Portfólio - Daniele Karina dos Santos

carregando...

Landing Page ONG A Casa Do Ney

Landing Page desenvolvida como contribuição voluntária através da plataforma FreeHelper. A ONG A Casa do Ney acolhe crianças e adolescentes com deficiência motora e intelectual na Zona Sul de São Paulo, oferecendo apoio, inclusão e esperança. Minha contribuição foi desenvolver uma página institucional, para que a instituição tenha presença digital e possa atrair mais voluntários e apoiadores.
Técnologias utilizadas: HTML, CSS, Bootstrap e JavaScript.
Versão online do projeto Repositório no GitHub
Catálogo de Produtos - React & TypeScript

Aplicação web para exibir e manipular uma lista de produtos, permitindo filtragem por nome e categoria, visualização detalhada em modal, favoritar produtos com limite por categoria e acompanhar favoritos em tempo real no Header. A aplicação simula requisições assíncronas, trata dados incompletos, oferece paginação, responsividade para diferentes dispositivos e cuidados básicos de acessibilidade, com gerenciamento de estado centralizado via Context API e estilo modularizado seguindo a metodologia BEM.
Técnologias utilizadas: React e TypeScript.
Versão online do projeto (Vercel) Repositório no GitHub
Growflix - Plataforma de estudos para Devs

Plataforma fictícia inspirada na Netflix, desenvolvida para reunir os conteúdos em vídeo da Growdev em um só lugar.
Técnologias utilizadas: HTML, CSS, Bootstrap e JavaScript.
Versão online do projeto Repositório no GitHub
Bootcamp Growdev - API Rick and Morty

Projeto desenvolvido durante o Bootcamp da Growdev, com o objetivo de criar três protótipos de layouts que exibem informações sobre personagens da API Rick and Morty. Nesse projeto foi utilizada a integração com a API Rick and Morty para consumo e exibição dinâmica dos dados.
Técnologias utilizadas: HTML, CSS e JavaScript, Bootstrap e integração com a API.
Versão online do projeto (Vercel) Repositório no GitHub
Repo-Wikis - Buscando repositórios no GitHub - React

Repo-Wikis é uma aplicação desenvolvida com React que permite buscar e listar informações sobre repositórios do GitHub através do consumo da API do GitHub. O objetivo é fornecer uma interface simples e prática para explorar os repositórios de forma interativa.
Técnologias utilizadas: HTML, CSS, JavaScript e React.
Versão online do projeto Repositório no GitHub
Dio - Landing Page - React JavaScript e React Typescript

A página foi criada para ser uma introdução envolvente aos cursos e conteúdos oferecidos pela Digital Innovation One (DIO), apresentando uma interface simples e funcional com componentes reutilizáveis. Desenvolvida em duas versões: JavaScript com React e TypeScript com React.
Técnologias utilizadas: HTML, CSS e JavaScript, TypeScript e React.
Versão online do projeto - React JavaScript Repositório no GitHub - React JavaScript Versão online do projeto - React TypeScript Repositório no GitHub - React TypeScript
Nikel - Controle Financeiro

Nikel é uma aplicação web que auxilia os usuários a gerenciarem suas finanças pessoais de maneira eficiente, permitindo o controle de receitas, despesas e investimentos.
Técnologias utilizadas: HTML, CSS e JavaScript.
Versão online do projeto Repositório no GitHub
Coffee Shop - Landing Page

Landing page responsiva desenvolvida para cafeteria, focada em proporcionar uma experiência visual agradável e intuitiva em diferentes dispositivos. O projeto foi estruturado aplicando princípios de design responsivo, layout flexível e boas práticas modernas de front-end, garantindo acessibilidade e usabilidade.
Técnologias utilizadas: HTML, CSS e Bootstrap, com estilização personalizada para oferecer um design diferenciado e alinhado à identidade da marca.
Versão online do projeto Repositório no GitHub
GrowTravel - Landing Page

O GrowTravel é uma aplicação web fictícia de uma agência de turismo, criada para aplicar conceitos fundamentais de HTML, CSS e acessibilidade. O projeto foi otimizado para atingir pontuações máximas nas métricas do Lighthouse, garantindo: 100% em Acessibilidade, 100% em Desempenho, 100% em Boas Práticas e 100% em SEO
Tecnologias utilizadas: HTML semântico e CSS responsivo, Lighthouse (Google DevTools), com foco em estilização personalizada para criar um design moderno, acessível e adaptável a diferentes dispositivos.
Versão online do projeto Repositório no GitHub
API Pokemón | Pokedex

O projeto Pokedex teve como objetivo de criar uma experiência envolvente ao explorar o mundo do Pokemon. O projeto foca no desenvolvimento de habilidades com JavaScript, consumo de APIs e manipulação do DOM, resultando em uma aplicação dinâmica e intuitiva.
Tecnologias utilizadas: HTML, CSS e JavaScript, Pokémon-API.
Versão online do projeto Repositório no GitHub