Falaa galera! To muito feliz em dizer que estou em fase final do meu mais novo projeto pessoal, a Urbla. Nesse post vou te contar a história desse projeto que ainda e muito embrionário, mas já estou cheia de orgulho!!!

Vou te contar tudo que deu certo, tudo que deu errado, tecnologias e problemas no meio do caminho 😅 e claro como finalizei o back-end em 1 semana.

Início de tudo.

Antes de irmos para parte técnica vamos entender o por que eu criei a Urbla...

Em meados de 2017 eu estudava inglês utilizando um aplicativo chamado anki, um aplicativo que facilita a lembrança das coisas através de flashcards. E eu estudava no período do caminho de faculdade / casa / trabalho.

E esse foi o melhor método pra min. Eu sai do completo zero para um intermediário, de começo eu não entendia muita coisa, mas colocava novas frases no aplicativo todos os dias e estudava todos os dias!

Bom voltando para 2020 eu estava muito focada em estudar inglês! Estava em busca de conversação, fui atras do cambly, italki, procurei ate uma antiga professora. Mas o dollar alto, e a pandemia, acabei deixando isso de lado. E resolvi retornar meu estudos com os flashcards!

Fui instalar o anki no meu celular e vi que agora não tem mais o free ☹️ (apenas para IOS)

Então meio que esqueci da ideia de voltar a estudar inglês durante um tempo.

E durante esse tempo já que tudo estava dando errado para eu voltar a estudar inglês eu comecei a pesquisar/estudar coisas da minha área, pesquisando ideias para blog essas coisas. E nesse momento comecei a ficar de olho no typescript, foi quando caiu minha ficha que nunca tinha utilizado, pois bem...

Em um belo dia, minha irmã veio me perguntar se eu voltei a estudar inglês. Eu fiquei olhando para ela... E pensei....

Por que eu não desenvolvo meu próprio 'anki' com typescript ?

Bom séria o projeto perfeito para estudar typescript. Um projeto pequeno que consiga terminar em pouco tempo.

Foi ai que surgiu a ideia da urbla! Um aplicativo de flashcards para auxiliar estudantes a aprender algo novo como eu ^^

Estudo de mercado

Foi ai que minha jornada começou para entender como já é os aplicativos flashcards, pois já e um mercado muito bem consolidado e gostaria de saber se mais pessoas utilizavam esse método de estudos, pesquisei em várias plataformas, li diversos comentarios apple store e google play, installei diversos aplicativos para entender o que a urbla teria de funcionalidade, como ela séria e utilizar como inspiração os 'concorrentes'.

E nesse momento eu parei e pensei

Cara olha esse mercado gigantesco, se eu fizer vai ser só mais um.

Desliguei o pc naquele dia e desisti da ideia.

Mas no dia seguinte segui o baile, acordei preparei meu café da manhã e já estava pronta para trabalhar, liguei meu pc, e coloquei no youtube para ouvir uma musica antes da daily, e foi nesse momento que o youtube me recomendou o vídeo do programador br de 3 Apps "ridículos" que faturam mais de 10 mil dólares

Ai eu fiquei com uma pulguinha atras da orelha, e olhei o vídeo... Enfim não vou me estender muito. Mas aquele vídeo mudou minha percepeção de criar algo e ser só mais um. Foi nesse momento que revivi a urbla.

No mesmo dia apos o expediente peguei um papel e uma caneta e anotei como eu gostaria que fosse a urbla, comecei a estudar sobre métodos de estudos no formato de repetição foi quando conheci o Leitner system

O sistema Leitner é um método amplamente usado para usar eficientemente cartões de memória flash que foi proposto pelo jornalista científico alemão Sebastian Leitner na década de 1970. É uma implementação simples do princípio da repetição espaçada , em que os cartões são revisados em intervalos crescentes.

Showw!!

A partir desse momento já tinha definido a ideia, validado o mercado (nesse momento nem pensava em tecnologia) e era a hora de por a mão na massa!!!!

Usar typescript ou não?

Depois que fiz todo levantamento de funcionalidades, chegou grande momento de criar o projeto, já estava muito claro para min que iria utilizar node, mas não sabia qual banco escolher e eu pensei muuuuuuuuuuuuuito se compensaria utilizar typescrirpt ou não , já que e um projeto que iria tocar sozinha. Li diversos artigos, ouvi vários podcasts. E por fim decidi utilizar typescript e ver como ele funciona até para aprender mesmo.

Por incrivel que pareça os 2 primeiros dias pra min foi de quase desistencia, muita raiva, não sabia se estava fazendo tudo no padrão certo, se estava configurado certo, mas segui o baile mesmo assim.

Terminei ele em uma semana, de segunda a quinta trabalhava em cima do projeto cerca de 3h o dia, acordava as 05:50 da manhã por que sou mil vezes mais produtiva de manhã (não quer dizer que foi fácil rsrsrs) e logo depois começava meu expediente na empresa.

Na sexta-feira do dia 08/06/2020, eu pensei

Por que não estudei typescript antes?

Mas esse ponto e motivo para um outro post...

Prototipação

Back-end feito, agora era o momento de prototipar, minha ideia era terminar o front em 3 semanas no máximo.... Mas nem tudo são flores.

Já era hora de ir para prototipação, abri o adobeXD e pensei.... Quer saber, nunca fiz nada com figma , vou tentar mecher com ele.

E comecei a desenhar a tela da urbla, como eu imaginaria (mundo perfeito né rsrs ), eu desenhava a tela e já imaginava esse app na loja ❤️

Bom finalizei meu prototipo, se não me engano foi 2 dias (naquele mesmo esquema do back-end, trabalhava no periodo da manha cerca de 3h o dia) Gostei muito da experiencia de trabalhar com o figma. Segue abaixo um vídeozinho que fiz para explicar a ídeia.

Como eu disse na prototipação e tudo as mil maravilhas, produto 100% completo. Mas já sabia que no final de tudo o que importa realmente e o MVP não o produto completo.

Flutter ou React Native?

Já que era um projeto novo fiz esse questionamento ... Flutter ou React Native, e lá vai eu para mais pesquisas a respeito do flutter ou RN, li diversos, artigos, vídeos no youtube, e optei por desenvolver em RN e CALMA, vou explicar para você por que fiz essa escolha.

Escolhi React Native, por que eu não sei absolutamente nada sobre flutter e dart eu teria que perder alguns dias para aprender como funciona dart, e infelizmente eu queria que a urbla fosse um projeto que terminasse rápido e naquele momento não estáva disposta a enfrentar a curva de aprendizado e como eu trabalho com React, seria mais facil para min. Mas ainda estou pensando em qual projeto desenvolver em flutter para aprender de verdade.

Stack front: React Native + hooks = TOPPPPPP.

Okay tecnologia em mãos! BORA CODAR O APP.

Problemas e mais problemas...

No meio do desenvolvimento do aplicativo, tive alguns problemas em que precisei parar por alguns dias. Mas nesse meio tempo estava reformando meu quarto e eu inventei de fazer a reforma do quarto sozinha

Estava melhorando meu setup, troquei de monitor e comprei um novo teclado!

E complicado quando a gente para algo e depois de alguns dias retorna... Mas com novos 'instrumentos' de trabalho e quarto reformado kk eu estava e muuuuito empolgada!!

No aplicativo o que eu mais estava empolgada para fazer era o swipe (igual do tinder). E isso me deu uma dor de cabeça .... Você nem imagina, mas a gente sabe que no final tudo da certo.

Graças ao youtube, achei um exemplo de como fazer um swipe , sem utilizar lib de terceiro. Mudei algumas coisas para se adaptar a minha realidade. Quem sabe em breve faço um post ensinando isso ;) me cobraa.

Quase lá......

Nessa ultima semana, resolvi compartilhar esse projeto, ainda infelizmente não está 100% pronto e ainda não está na loja, mas acho que para um mvp está ok!

Quando lançar vou fazer um post a respeito e claro compartilhar lá no instagram @lorenakauaneph me segue lá!!

Conclusão

Foi isso!

Foi um projeto, muito trabalhoso, mas gostoso de desenvolver. Aprendi muitas coisas, uma das minhas principais liçoes que aprendi foi::: Preciso aprender TS do jeito certo, conheci um cara fera em TS e já comprei o curso do Rodrigo Manguinho. Em breve posso falar mais a respeito!

E isso galera, o vídeo completo do app, está aqui!

Até o próximo post!