[{"id":1,"title":"NLW #DOWHILE","slug":"nlw-do-while","image":"/DOWHILE_DESK-M-01.jpg","description":"Aplicação completa desenvolvida durante o NLW#07. Como parte fundamental do projeto, temos a autenticação via GITHUB e, após logado, o usuário poderá encaminhar as expectativas para o evento. Os usuários da aplicação, logadas ou não, poderão visualizar em tempo real as mensagens enviadas por outras pessoas dentro da aplicação.","deploy":false,"frontend":true,"backend":true,"mobile":true,"frontEndLinkGithub":"https://github.com/RenanFachin/RS_NLW_DoWhileFeedback-WEB","backEndLinkGithub":"https://github.com/RenanFachin/RS_NLW_DoWhileFeedback","mobilebackEndLinkGithub":"https://github.com/RenanFachin/RS_NLW_DoWhileFeedback-Mobile","deployLink":null,"techs":["ReactJS","ReactNative","NodeJS","Express","JWT","Typescript","Axios","TailwindCSS","Socket.io"],"mainTechs":["ReactJS","NodeJS","Express","Tyepscript","Socket.io"]},{"id":2,"title":"IgniteLAB - Event Platform","slug":"ignite-lab-event-plataform","image":"/EVENTPLATAFORM_DESK-M-01.jpg","description":"Segunda edição do IgniteLAB, um evento com foco total em front-end. Nesta edição, foi construido uma plataforma de conteúdos em vídeo utizando ReactJS, Typescript, Tailwindcss, GraphQL, Apollo e outros","deploy":false,"frontend":true,"backend":false,"mobile":false,"frontEndLinkGithub":"https://github.com/RenanFachin/IG_LAB_EventPlatform","backEndLinkGithub":null,"mobilebackEndLinkGithub":null,"deployLink":null,"techs":["ReactJS","Vite","Typescript","TailwindCSS","GraphQL","Apollo"],"mainTechs":["ReactJS","Tyepscript","TailwindCSS","GraphQL","Apollo"]},{"id":3,"title":"NLW #LetMeASK","slug":"nlw-let-me-ask","image":"/NLW-LETMEASK.jpg","description":"Projeto desenvolvido durante o NLW#06 no módulo especializado em REACTJS. Neste edição do NLW, foi contruído uma aplicação completa utilizando as tecnologias mais atuais do mercado. Algumas das tecnologias utilizadas: ReactJS, TailwindCSS e Firebase. Como parte fundamental do projeto, temos a autenticação com o GOOGLE utiliziando o FIREBASE e, após logado, poderá realizar e criar salas de perguntas para que seja respondido por qualquer usuário da plataforma.","deploy":false,"frontend":true,"backend":false,"mobile":false,"frontEndLinkGithub":"https://github.com/RenanFachin/RS_NLW_LetMeAsk","backEndLinkGithub":null,"mobilebackEndLinkGithub":null,"deployLink":null,"techs":["ReactJS","Typescript","Firebase","TailwindCSS"],"mainTechs":["ReactJS","Typescript","Firebase","TailwindCSS"]},{"id":4,"title":"NLW #PlantManager","slug":"nlw-plant-manager","image":"/NLW-PLANTMANAGER.jpg","description":"Um aplicativo de fácil uso e muito intuitivo para ajudar as pessoas a gerenciar o cuidado com suas plantas! O Projeto foi desenvolvido no programa rocketseat PLUS e tem o seu foco em uma aplicação Mobile utilizando Typescript e ReactNative. O projeto conta com uma API fictícia montada localmente para testes (utilizando o json-server) e também vai armazenar os dados na storageAPI do asyncStorage. Como diferenciais propostos por mim neste projeto, posso classificar a utilização de libs como a native-base para maior flexibilidade na customização da página.","deploy":false,"frontend":false,"backend":false,"mobile":true,"frontEndLinkGithub":null,"backEndLinkGithub":null,"mobilebackEndLinkGithub":"https://github.com/RenanFachin/RS_NLW_PlantManager","deployLink":null,"techs":["ReactNative","Expo","NativeBase","Async storage","Axios"],"mainTechs":["ReactNative","Expo","NativeBase","Async storage","Axios"]},{"id":5,"title":"Pokedex","slug":"pokedex","image":"/POKEDEX.jpg","description":"Desenvolvimento de uma página que se conecta com uma API externa do pokemon (PokeApi). Com ela, será possível fazer pesquisar por id ou nomes dos pokemon e será retornado uma série de dados diversos. O intuito deste projeto é auxiliar os jogadores dos jogos da franquia a ter uma acesso mais visual à alguns dados e aprimorar uma série de habilididades de desenvolvimento web. Este projeto está disponível tanto para desktop quanto para dispositivos móveis e estará em constante aprimoramento.","deploy":true,"frontend":true,"backend":false,"mobile":false,"frontEndLinkGithub":"https://github.com/RenanFachin/PA_Pokedex","backEndLinkGithub":null,"mobilebackEndLinkGithub":null,"deployLink":"https://renanfachin.github.io/PA_Pokedex/","techs":["HTML","CSS","JavaScript"],"mainTechs":["HTML","CSS","JavaScript"]},{"id":6,"title":"RocketMovies","slug":"rocket-movies","image":"/ROCKETMOVIES.jpg","description":"Desenvolvimento de plataforma com integração em uma API que concentra dados de usuários, anotações e tags de filmes. Projeto desenvolvido no desafio do stage 08 e stage 10 do programa Explorer da Rockeseat utilizando as tecnologias Javascript, Styled-Components e NodeJS.","deploy":true,"frontend":true,"backend":true,"mobile":false,"frontEndLinkGithub":"https://github.com/RenanFachin/RS_RocketMoviesFrontEnd","backEndLinkGithub":"https://github.com/RenanFachin/RS_RocketMovie_API","mobilebackEndLinkGithub":null,"deployLink":"https://rocketmovies182.netlify.app/","techs":["ReactJS","NodeJS","JWT","Vite","StyledComponent","JavaScript"],"mainTechs":["ReactJS","NodeJS","JavaScript","StyledComponent","JWTAuth"]},{"id":7,"title":"FoodExplorer","slug":"food-explorer","image":"/FOODEXPLORER.jpg","description":"Projeto de conclusão do programa EXPLORER da rocketseat. Aplicação de um cardápio digital para um restaurante fictício, conhecido como FoodExplorer. O projeto inclui funcionalidades como tela de cadastro e login com autenticação, página de Home, histórico de pedido, perfil do usuário e detalhes de cada prato. Desenvolvido em Javascript, styled-Components e NodeJS.","deploy":true,"frontend":true,"backend":true,"mobile":false,"frontEndLinkGithub":"https://github.com/RenanFachin/RS_FoodExplorer","backEndLinkGithub":"https://github.com/RenanFachin/FoodExplorer_BackEnd","mobilebackEndLinkGithub":null,"deployLink":"https://foodexplorer182.netlify.app/","techs":["ReactJS","NodeJS","JWT","Vite","StyledComponent","JavaScript"],"mainTechs":["ReactJS","NodeJS","JavaScript","JWTAuth","StyledComponent"]},{"id":8,"title":"NLW#Copa","slug":"nlw-copa","image":"/NLW-COPA.jpg","description":"O projeto desenvolvido durante a semana NLW da Rocketseat teve como propósito criar uma aplicação web onde é possível criar e participar de bolões. O projeto foi desenvolvido em três frentes: Back-end, Front-end e Mobile. O Back-end foi desenvolvido utilizando o nodejs, typescript e nextJS. O Front-end será desenvolvido utilizando reactJS, typescript e tailwindcss. O Mobile será desenvolvido utilizando reactNative e Expo.","deploy":false,"frontend":true,"backend":true,"mobile":true,"frontEndLinkGithub":"https://github.com/RenanFachin/RS_NLW_Copa-/tree/main/web","backEndLinkGithub":"https://github.com/RenanFachin/RS_NLW_Copa-/tree/main/server","mobilebackEndLinkGithub":"https://github.com/RenanFachin/RS_NLW_Copa-/tree/main/mobile","deployLink":null,"techs":["Figma","Git","ReactJS","NextJS","NodeJS","Typescript","Prisma","Fastify","Cors","JWT","zod","ReactNative"],"mainTechs":["ReactJS","NodeJS","ReactNative","Prisma","Fastify","Figma"]},{"id":9,"title":"NLW#eSports","slug":"nlw-esport","image":"/NLW-ESPORTS.jpg","description":"O projeto desenvolvido durante a semana NLW da Rocketseat, teve como objetivo construir uma plataforma intuitiva para encontrar parceiros com mesmos horários e dias disponíveis para jogos online em duplas ou grupos. O projeto foi desenvolvido em três frentes: Back-end, Front-end e Mobile O Back-end foi desenvolvido utilizando o nodejs, typescript e express. O Front-end foi desenvolvido utilizando reactJS, typescript e tailwindcss. O Mobile foi desenvolvido utilizando reactNative e Expo.","deploy":false,"frontend":true,"backend":true,"mobile":true,"frontEndLinkGithub":"https://github.com/RenanFachin/RS_NLWeSports/tree/main/web","backEndLinkGithub":"https://github.com/RenanFachin/RS_NLWeSports/tree/main/server","mobilebackEndLinkGithub":"https://github.com/RenanFachin/RS_NLWeSports/tree/main/mobile","deployLink":null,"techs":["ReactJS","Typescript","TailwindCSS","Axios","NodeJS","Express","Sqlite","Prisma","ReactNative","Expo","Git","Figma"],"mainTechs":["ReactJS","NodeJS","ReactNative","Prima","Expo","Figma"]},{"id":10,"title":"NLW#SETUP","slug":"nlw-setup","image":"/NLW-SETUP_DESK-M-01.jpg","description":"Aplicação de ponta a ponta desenvolvida durante o evento NLW da Rockeseat. Este projeto é um tracker de hábitos para auxiliar os usuários a terem uma vida mais regrada e que motive-os a cumprir seus objetivos diários.","deploy":false,"frontend":true,"backend":true,"mobile":true,"frontEndLinkGithub":"https://github.com/RenanFachin/RS_NLW_Setup/tree/main/web","backEndLinkGithub":"https://github.com/RenanFachin/RS_NLW_Setup/tree/main/server","mobilebackEndLinkGithub":"https://github.com/RenanFachin/RS_NLW_Setup/tree/main/mobile","deployLink":null,"techs":["NodeJS","ReactJS","ReactNative","Typescript","RadixUI","Prisma","Fastify","zod","expo","NativeWind"],"mainTechs":["ReactJS","NodeJS","Prisma","ReactNative","expo","NativeWind"]},{"id":11,"title":"WeatherAPP","slug":"weather-app","image":"/WEATHERAPP.jpg","description":"Projeto front-end desenvolvido em ReactJS, Tailwindcss e Typescript de uma aplicação de monitoramento de clima utilizando a api de clima: openweathermap.org. Projeto foi desenvolvido baseado nas aulas do vídeo do youtube: WeatherAPP","deploy":true,"frontend":true,"backend":false,"mobile":false,"frontEndLinkGithub":"https://github.com/RenanFachin/PD_WeatherAPP","backEndLinkGithub":null,"mobilebackEndLinkGithub":null,"deployLink":"https://pd-weather-app.vercel.app/","techs":["ReactJS","TailwindCSS","Typescript"],"mainTechs":["ReactJS","Tyepscript","TailwindCSS"]},{"id":12,"title":"NLW#PodCastr","slug":"nlw-podcastr","image":"/PODCASTR.jpg","description":"Aplicação front-end desenvolvida utilizando o NextJS com conceitos de Static Site Generation (SSG), criando uma api local com o json-server e aplicando conceitos de de context API e hooks com a utilização de typescript. O projeto é uma aplicaçã para reprodução de episódios de uma podcast com diversas funções: play, pause, next, previous, loop, shuffle e mais!","deploy":false,"frontend":true,"backend":false,"mobile":false,"frontEndLinkGithub":"https://github.com/RenanFachin/RS_NLW_Podcastr","backEndLinkGithub":null,"mobilebackEndLinkGithub":null,"deployLink":null,"techs":["ReactJS","NextJS","Typescript","TailwindCSS","Axios","Next-Theme"],"mainTechs":["ReactJS","Tyepscript","TailwindCSS"]},{"id":13,"title":"NLW#MoveIT","slug":"nlw-move-it","image":"/MOVEIT.gif","description":"Aplicação front-end desenvolvida utilizando o NextJS com conceitos de Static Site Generation (SSG) e aplicando conceitos de context API e hooks com a utilização de typescript. O projeto é uma aplicação que simula um método POMODORO, onde a cada 25 minutos o usuário é alertado de que existe um novo desafio para que ele se mantenha com o corpo e os olhos em movimento. Para que a aplicação consiga manter os dados foi utilizado a estratégia de salvar os dados de progresso do usuário nos Cookies com o uso da lib js-cookies para auxiliar.","deploy":true,"frontend":true,"backend":false,"mobile":false,"frontEndLinkGithub":"https://github.com/RenanFachin/RS_NLW_MoveIT","backEndLinkGithub":null,"mobilebackEndLinkGithub":null,"deployLink":"https://rs-nlw-move-it.vercel.app/","techs":["ReactJS","NextJS","Typescript","TailwindCSS","ContextAPI","RadixUI"],"mainTechs":["ReactJS","Tyepscript","TailwindCSS","ContextAPI","RadixUI"]},{"id":14,"title":"TLA SmartHome","slug":"tla-smarthome","image":"/TLA-DESK-01.jpg","description":"Projeto autoral desenvolvido para a empresa TLA SmartHome. A aplicação foi desenvolvida utilizando NextJS, Tailwindcss e mais!","deploy":true,"frontend":false,"backend":false,"mobile":false,"frontEndLinkGithub":null,"backEndLinkGithub":null,"mobilebackEndLinkGithub":null,"deployLink":"https://tlasmarthome.com.br/","techs":["ReactJS","NextJS","Typescript","TailwindCSS"],"mainTechs":["ReactJS","Tyepscript","TailwindCSS"]},{"id":15,"title":"Daily Diet App","slug":"daily-diet-app","image":"/DAILYDIETAPP_MOBILE.jpg","description":"Aplicação desenvolvida durante o bootcamp de especialização em ReactNative. A aplicação em questão é para o aprofundamento das habilidades no desenvolvimento de aplicações mobile, este sistema faz uso de navegação com React Navigation (navegação em pilha), armazenamento local (async storage) e estilização com StyledComponent.","deploy":false,"frontend":false,"backend":false,"mobile":true,"frontEndLinkGithub":null,"backEndLinkGithub":null,"mobilebackEndLinkGithub":"https://github.com/RenanFachin/RS_RN_DailyDietApp","deployLink":null,"techs":["ReactNative","Typescript","StyledComponent","Expo","React Navigation","Async storage"],"mainTechs":["ReactNative","Typescript","StyledComponent","Expo"]},{"id":16,"title":"NLW#UploadAI","slug":"nlw-upload-ai","image":"/NLW_UPLOADAI-DESKT+MOBILE.jpg","description":"Aplicação desenvolvida durante a NLW AI. A aplicação em questão é para o aprofundamento das habilidades no desenvolvimento de aplicações web, este sistema utiliza a IA para centralizar o upload de vídeos e cria títulos e descrições com boa indexação.","deploy":false,"frontend":true,"backend":true,"mobile":false,"frontEndLinkGithub":"https://github.com/RenanFachin/RS_NLW-AI/tree/main/upload-ai-web","backEndLinkGithub":"https://github.com/RenanFachin/RS_NLW-AI/tree/main/upload-ai-api","mobilebackEndLinkGithub":null,"deployLink":null,"techs":["ReactJS","NextJS","TypeScript","TaiwindCSS","Shadcn-Ui","Fastify","OpenAi","VercelAi","Prisma","NodeJS"],"mainTechs":["ReactJS","NodeJS","TypeScript","OpenAi","VercelAi","Prisma"]},{"id":18,"title":"IgniteCALL","slug":"ignite-call","image":"/IGNITECALL-DESKTOP.jpg","description":"Aplicação desenvolvida durante o bootcamp de especialização em reactJS pela Rocketseat. O Ignite Call é uma plataforma de agendamento de horários sincronizada com a api do google de calendário. Está aplicação foi criada utilizando NextJS, Typescript, Prisma, Next Auth, Google api, e mais.","deploy":true,"frontend":true,"backend":false,"mobile":false,"frontEndLinkGithub":"https://github.com/RenanFachin/RS_IG_ignite-call","backEndLinkGithub":null,"mobilebackEndLinkGithub":null,"deployLink":"https://rs-ig-ignite-call.vercel.app/","techs":["ReactJS","NextJS","TypeScript","GoogleAPI","Next Auth"],"mainTechs":["ReactJS","NextJS","TypeScript","GoogleAPI","Next Auth"]},{"id":19,"title":"DevSTORE","slug":"dev-store","image":"/DEVSTORE_DESK.jpg","description":"Aplicação desenvolvida durante o bootcamp de especialização em ReactJS. Esta aplicação, desenvolvida as melhores funcionalidades fornecidas pelo NextJS13 é um projeto de um e-commerce.","deploy":false,"frontend":true,"backend":false,"mobile":false,"frontEndLinkGithub":"https://github.com/RenanFachin/RS_DevStoreNext13","backEndLinkGithub":null,"mobilebackEndLinkGithub":null,"deployLink":null,"techs":["ReactJS","NextJS","TypeScript","TailwindCSS"],"mainTechs":["ReactJS","NextJS","TypeScript","TailwindCSS"]},{"id":20,"title":"182Videos","slug":"182-videos","image":"/182VIDEO_DESK.jpg","description":"A aplicação desenvolvida é um player onde vão ter todos os vídeo clipes lançados pela banda separado por album. Na parte técnica, temos a utilizando inicialmente Redux e posteriormente, alterando para uma solução mais 'moderna' e performática, o Zustand, para dar vida ao projeto. Para me diferenciar dos ensinamentos e colocar em práticas novos conceitos, decidi realizar a implementação um mock estático de uma API no https://my-json-server.typicode.com/RenanFachin/RS_ReduxAndZustand/discography simulando uma API Rest tradicional.","deploy":true,"frontend":true,"backend":false,"mobile":false,"frontEndLinkGithub":"https://github.com/RenanFachin/RS_ReduxAndZustand","backEndLinkGithub":null,"mobilebackEndLinkGithub":null,"deployLink":"https://renanfachin182page.vercel.app/","techs":["ReactJS","TypeScript","TailwindCSS","Redux","Zustand"],"mainTechs":["ReactJS","Vite","TypeScript","TailwindCSS","Redux","Zustand"]},{"id":21,"title":"GithubBlog","slug":"github-blog","image":"/GITHUBBLOG_DESK.jpg","description":"Este projeto foi desenvolvido como um desafio de um curso de React. Ele utiliza a API do GitHub para renderizar issues de um repositório como posts de um blog, cria uma interface de usuário para visualizar dados de perfil do GitHub, listar e filtrar issues e visualizar posts completos.","deploy":true,"frontend":true,"backend":false,"mobile":false,"frontEndLinkGithub":"https://github.com/RenanFachin/RS_GithubBlogChallenge","backEndLinkGithub":null,"mobilebackEndLinkGithub":null,"deployLink":"https://rs-github-blog-challenge.vercel.app/","techs":["ReactJS","TypeScript","TailwindCSS","React-router-dom","React-hook-form"],"mainTechs":["ReactJS","Vite","TypeScript","TailwindCSS","React-router-dom","React-hook-form"]},{"id":22,"title":"Projetta Schorr","slug":"projetta-schorr","image":"/PROJETTA_DESK.jpg","description":"Aplicação desenvolvida para Projetta Schorr, uma empresa que atue com projetos técnicos, pericias, execução e avaliação de imóveis dentro do ramo da Engenharia Civil e da Segurança do Trabalho.O projeto foi realizado utilizando as tecnologias mais atuais para o desenvolvimento de plataformas front-end e criado do layout até a página.","deploy":true,"frontend":false,"backend":false,"mobile":false,"frontEndLinkGithub":null,"backEndLinkGithub":null,"mobilebackEndLinkGithub":null,"deployLink":"https://pd-projetta-schorrteste.vercel.app/","techs":["ReactJS","NextJS","TypeScript","TailwindCSS"],"mainTechs":["ReactJS","NextJS","TypeScript","TailwindCSS"]},{"id":23,"title":"expert notes","slug":"expert-notes","image":"/EXPERT-NOTES.gif","description":"Aplicação desenvolvida durante a semana NLW com foco na especialização em ReactJS pela Rocketseat. O Expert notes é uma plataforma onde o usuário poderá criar e armazenar anotações via texto ou por áudio.Este projeto foi desenvolvido utilizando reactJS, Tailwindcss e Typescript.","deploy":true,"frontend":true,"backend":false,"mobile":false,"frontEndLinkGithub":"https://github.com/RenanFachin/RS_NLW_expert-notes","backEndLinkGithub":null,"mobilebackEndLinkGithub":null,"deployLink":"https://rs-nlw-expert-notes.vercel.app/","techs":["ReactJS","TypeScript","TailwindCSS","Speech-recognition-API"],"mainTechs":["ReactJS","TypeScript","TailwindCSS","Speech-recognition-API"]},{"id":24,"title":"poll system API","slug":"poll-system","image":"/POOL-SYSTEM-API.jpg","description":"Um sistema de votação em enquetes em tempo real construído com nodeJS e utilizando websockets","deploy":false,"frontend":false,"backend":true,"mobile":false,"frontEndLinkGithub":"https://github.com/RenanFachin/RS_NLW_poll-system-API","backEndLinkGithub":null,"mobilebackEndLinkGithub":null,"deployLink":null,"techs":["NodeJS","TypeScript","WebSockets","Docker","PostgreSQL"],"mainTechs":["NodeJS","TypeScript","WebSockets","Docker","PostgreSQL"]},{"id":25,"title":"expert orders","slug":"expert-orders","image":"/EXPERT-ORDERS-MOBILE.jpg","description":"Aplicação desenvolvida utilizando reactNative, nativewind, typescript e zustand para gerenciamento de restaurantes e realização de pedidos via whatsapp.","deploy":false,"frontend":false,"backend":false,"mobile":true,"frontEndLinkGithub":null,"backEndLinkGithub":null,"mobilebackEndLinkGithub":"https://github.com/RenanFachin/RS_NLW_expert-orders","deployLink":null,"techs":["ReactNative","TypeScript","Expo","NativeWind"],"mainTechs":["ReactNative","TypeScript","Expo","NativeWind"]}]