Recentemente comecei a desenvolver um aplicativo mobile de bio pessoal usando React Native. A ideia principal do projeto era criar uma aplicação simples, mas com aparência profissional, onde eu pudesse apresentar meu perfil, minhas habilidades, meus projetos, candidaturas e artigos.
Mesmo sendo um projeto acadêmico, tentei desenvolver algo que parecesse próximo de um aplicativo real. Para isso, organizei o app em diferentes telas e usei navegação por abas inferiores, deixando a experiência mais clara e fácil de usar.
Objetivo do projeto
O objetivo do app é funcionar como uma apresentação pessoal em formato mobile. Em vez de criar apenas uma página estática, a proposta foi construir uma aplicação com várias seções, como:
- Perfil pessoal
- Formação e qualificações
- Habilidades técnicas
- Projetos desenvolvidos
- Candidaturas
- Artigos
Essa estrutura ajudou bastante a praticar conceitos importantes do desenvolvimento mobile, principalmente organização de componentes, navegação e estilização.
Tecnologias utilizadas
Durante o desenvolvimento, utilizei principalmente:
- React Native
- Expo
- JavaScript
- React Navigation
- Context API
O Expo facilitou bastante o processo, principalmente por permitir testar o aplicativo rapidamente no celular e no navegador. Isso tornou o desenvolvimento mais prático e ajudou a visualizar as mudanças em tempo real.
Organização das telas
Uma das partes mais importantes do projeto foi separar bem as telas. Criei uma tela inicial com uma apresentação simples e um botão para acessar o perfil completo. Depois, o aplicativo passou a ter abas inferiores para navegar entre as principais áreas.
Essa separação deixou o app mais organizado e também facilitou futuras melhorias. Por exemplo, se eu quiser adicionar novos projetos ou novas informações no perfil, consigo fazer isso sem alterar toda a estrutura do aplicativo.
Aprendizados durante o desenvolvimento
Esse projeto me ajudou a entender melhor como funciona o desenvolvimento mobile com React Native. Alguns dos principais aprendizados foram:
- Como criar telas diferentes dentro de um app
- Como usar navegação entre páginas
- Como organizar componentes
- Como trabalhar com listas de dados
- Como criar uma interface mais limpa e responsiva
- Como consumir dados externos usando API
Além disso, percebi a importância de manter o código organizado desde o início. Mesmo em projetos pequenos, uma boa estrutura facilita muito quando o app começa a crescer.
Próximo passo: consumo de API
Uma das próximas melhorias do projeto é consumir a API do Dev.to para listar artigos publicados diretamente dentro do aplicativo. Com isso, a tela de artigos deixa de ter conteúdo fixo e passa a exibir dados reais vindos de uma API externa.
Essa etapa é importante porque aproxima o projeto de uma situação real de desenvolvimento, onde muitas aplicações precisam buscar informações em servidores externos.
Conclusão
Criar esse app foi uma experiência muito positiva. Além de praticar React Native, consegui construir algo que representa meu perfil como estudante de Engenharia de Software e desenvolvedor em formação.
Ainda tenho muito para aprender, mas esse projeto mostrou como pequenos aplicativos podem ser uma ótima forma de evoluir na programação, praticar conceitos importantes e criar algo útil para apresentar minhas habilidades.
Top comments (0)