This is a challenge by Coodesh

O HelloWord é um aplicativo móvel que permite aos usuários visualizarem e gerenciarem palavras em inglês, fornecidas pela API Free Dictionary.

A seguir, uma lista das tecnologias adotadas para este projeto e o porquê de cada escolha:

• Expo: oferece simplicidade nas ferramentas e na configuração do app para iOS e Android. Isso poupa tempo na configuração inicial dos projetos.
• Jotai: uma biblioteca lightweight, orientada a Typescript que gerencia estados globais da aplicação utilizando a abordagem atômica.
• NativeWind: um sistema de estilização universal que permite usar o Tailwind, um framework de estilos, em apps React Native. Com isso, é possível usar um único conjunto de classes de estilo (Tailwind CSS) tanto para Android como para iOS. Além disso, NativeWind promove uma melhor DX(Developer Experience) e manutenibilidade.
• Jest: um framework de testes intuitivo que permite testar as funcionalidades de forma unitária.
• Maestro: um framework de testes de integração. Permite criar testes automatizados imitando o comportamento do usuário ao usar o aplicativo.
• FlashList: uma alternativa ao FlatList que oferece melhor performance ao renderizar grande quantidade de itens numa lista.

• json-server: um banco de dados baseado no formato JSON. Com isso, é possível criar um servidor local baseado num arquivo .json.
• react-query: uma biblioteca poderosa com gerenciamento de estado e queries de forma declarativa.

Uma representação das interfaces e funcionalidades básicas do app HelloWord feito na Whimsical.

Para este projeto, segui a seguinte linha de pensamento:

1. Análise de Requisitos: Compreensão dos requisitos do desafio e definição das funcionalidades principais do aplicativo inicialmente com papel e caneta. Defini o nome do aplicativo como uma referência ao mundo da programação "Hello World".
2. Escolha de Tecnologias: Pesquisei e selecionei do meu banco de ferramentas as tecnologias mais adequadas para o desenvolvimento, levando em consideração a simplicidade, eficiência e desempenho.
3. Wireframe: Criação de uma representação das interfaces e funcionalidades básicas do app HelloWord com a ajuda do Whimsical.
4. Desenvolvimento Frontend e Backend: Implementação das funcionalidades do aplicativo tanto no Frontend quanto no Backend, utilizando as tecnologias escolhidas. Sempre inicio com a implementação visual das telas e dos componentes para depois implementar as funcionalidades. Mas antes de implementá-las, já desenho os testes unitários para cada componente.
5. Testes e Depuração: Realização de testes unitários e de integração para garantir a qualidade e estabilidade do aplicativo. Depuração de erros e correções de bugs conforme necessário. Dou muita prioridade aos testes unitários e E2E, então fiz uma pesquisa das tecnologias que melhor desempenham no React Native.
6. Documentação: Preparação da documentação do projeto, incluindo este README.md, para fornecer informações detalhadas sobre o aplicativo, seu funcionamento e as tecnologias utilizadas. Recorri aos meus desenhos e anotações durante o desenvolvimento para criar um README fácil de entender e que descrevesse meu processo de desenvolvimento.

Durante o desenvolvimento de meus projetos, evito fazer melhorias prematuras, seguindo o princípio de Dun Knuth:

premature optimization is the root of all evil.

Também sigo os princípios YAGNI e KISS, para manter o código o mais limpo e claro possível. Além disso, este projeto foi desenvolvido seguindo o metodologia FDD (Feature Driven Development) que visa entregar features (funcionalidades) de forma iterativa e incremental. Isso me permite dividir o app em features que contenham seus próprios componentes e lógica.

1. Faça o clone deste projeto da maneira que preferir.
2. Instale as dependências do projeto:

yarn install

3. Execute o projeto:

yarn ios

Ou

yarn android

4. E também, execute o servidor local:

yarn server