Skip to content
View franferrazdev's full-sized avatar
💻
Always learning new things!
💻
Always learning new things!

Block or report franferrazdev

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Content in all repositories owned by your account will be closed.
Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
franferrazdev/README.md

👩‍💻 Olá, eu sou a Francielle Ferraz de Sousa

Desenvolvedora autodidata Front-End Junior especializada no ecossistema React e Next.js. Crio interfaces modernas, performáticas, organizadas e acessíveis, dominando o gerenciamento de estado, otimização de renderização e a experiência do usuário. 🚀

Como profissional neurodivergente (TEA), transformo hiperfoco, lógica apurada e atenção extrema aos detalhes em código limpo, estruturado e de alta qualidade. Atuo com máxima eficiência no modelo 100% remoto, entregando autonomia e comunicação escrita impecável. 🧠✨

🛠️ Minhas Tecnologias

  • 🎯 Front-End (Foco Principal):

TypeScript Icon React Icon NextJS Icon JavaScript Icon TailwindCSS Icon CSS3 Icon HTML5 Icon

💡 O React é a minha base sólida de desenvolvimento, e o Next.js é a minha principal escolha de framework: amo a estrutura, a organização e o poder de criação que essa combinação oferece para criar aplicações web completas.*

  • 📦 Back-End & Banco de Dados (Conhecimento de Suporte):

NodeJS Icon Prisma Icon PostgreSQL Icon Supabase Icon Stripe Icon

  • 🧰 Ferramentas, Componentes & Testes:

Git Icon GitHub Icon VsCode Icon Shadcn/UI Icon Jest Icon Testing Library Icon Playwright Icon GitHub Actions Icon

💡 Tenho visão completa do desenvolvimento: sei como integrar, estruturar dados e pensar o produto como um todo, mesmo atuando prioritariamente no Front-end.


  • Boas Práticas: Testes Unitários e E2E, Componentização, Design Responsivo, Código Limpo e Tipado.

📖 Minha Enciclopédia Técnico-Profissional

Conheça o meu repositório central de estudos, onde centralizo anotações profundas, comandos essenciais, padrões de arquitetura e guias práticos obtidos diretamente das documentações oficiais:

👉 meu-guia-dev

Tópicos detalhados no repositório:

  • Qualidade de Código & Testes: Garantia de funcionamento com Testes Unitários (Jest + RTL) e Testes End-to-End (Playwright).
  • Gerenciamento de Estado & Data Fetching: Zustand e TanStack Query (React Query).
  • Autenticação & Segurança: NextAuth e Criptografia de senhas com Bcrypt.js.
  • Integrações Avançadas: Gateways de Pagamento (Stripe), BaaS (Supabase) e Validação de Esquemas (Zod).
  • Arquitetura & Infraestrutura: Design de APIs RESTful e Agendamento de Tarefas com Cron Jobs.
  • Cultura de Engenharia: Padrões de Commits (Conventional Commits), Code Review em Pull Requests e Git Avançado.

🌌 Projetos em Destaque · Featured Production Systems

Catálogo oficial de engenharia de software contendo aplicações resilientes, alta fidelidade visual (pixel-perfect), acessibilidade nativa e esteiras automáticas de integração contínua.

🚀 Aplicação em Produção 🛠️ Stack Tecnológica 🧪 Diferenciais de Engenharia 🐙 Código Fonte
🌐 Portfólio Central Corporativo React 19, TypeScript, Tailwind v4, Context API Esteira CI/CD (GitHub Actions)
• Testes Unitários (Jest / RTL)
• Testes End-to-End (Playwright)
🖥️ Repositório
🛒 Night Owl E-commerce Next.js 16, React 19, Tailwind v4, Zustand, Stripe API Checkout Criptografado & Resiliência
• Gateway de Pagamento (Stripe Sandbox)
• Esteira de Automação de Testes via GitHub Actions
🖥️ Repositório
🪲 Live Coding Bug Quiz Next.js 14, Tailwind v3, TypeScript, Zustand Qualidade de Código & Automação
• Testes Unitários (Jest / RTL) e E2E (Playwright)
• Orquestração contínua via GitHub Actions
🖥️ Repositório
🏫 Elite Dashboard (School Management) Next.js 14, TypeScript, Tailwind CSS, Prisma 7, Supabase Dados Transacionais & Concorrência
• Travas financeiras com transações atômicas ($transaction)
• Validação em nuvem com GitHub Actions e Playwright
🖥️ Repositório

💼 Diferenciais para Recrutadores

  • ✍️ Comunicação Assíncrona: Registro detalhado e documentado em Issues, Commits e Pull Requests.
  • 🛡️ Cultura de Qualidade & DevOps: Desenvolvimento focado em blindagem de código através de testes automatizados multicamadas (Unitárias e E2E) orquestradas por esteiras robustas de CI/CD via GitHub Actions.
  • 🎓 Perfil Autodidata: Forte disciplina para ler documentações oficiais e resolver problemas de forma autônoma.
  • 📈 Visão de Negócios: Graduação em Administração (EAD) em andamento, alinhando engenharia de software a resultados práticos.
  • 🗣️ Idiomas: Espanhol Avançado | Inglês Intermediário (Consumo de documentação internacional).

📫 Contato

Pinned Loading

  1. meu-guia-dev meu-guia-dev Public

    Acervo de documentação e referências técnicas: reúne comandos essenciais, explicações de arquitetura, padrões e guias para uso em projetos de desenvolvimento de software.

    1

  2. my-component-library my-component-library Public

    A personal UI component library built with Next.js, TypeScript, Tailwind CSS, and Shadcn/ui to accelerate portfolio projects.

    TypeScript 1

  3. live-coding-bug-quiz live-coding-bug-quiz Public

    Um simulador interativo de entrevistas técnicas focado em identificar e depurar erros comuns de programação durante etapas de *Live Coding* de frontend. Desenvolvido com Next.js, TypeScript e Zustand.

    TypeScript 1

  4. school-management-dashboard school-management-dashboard Public

    Dashboard escolar full-stack de alto rendimento focado em controle de acesso (RBCA), gestão estrita de bolsas e monitoramento de desempenho para o ENEM. Arquitetado em Next.js, TypeScript, Zustand,…

    TypeScript 1

  5. night-owl-ecommerce night-owl-ecommerce Public

    🌌 High-performance transational Full-Stack e-commerce engineered with Next.js 16, React 19, and Tailwind CSS v4. Features a premium Midnight Noir aesthetic, a persistent local shopping cart, and ri…

    TypeScript 1

  6. franferrazdev-portfolio franferrazdev-portfolio Public

    Portfólio profissional interativo e bilíngue desenvolvido com React, TypeScript e Tailwind CSS, focado em alta performance, acessibilidade e micro-interações.

    TypeScript 1