Projeto QuikDev - Teste Técnico consumo de FakeAPI

Repositório Relacionado

O projeto é destinado ao cumprimento do teste técnico para vaga de desenvolvedor frontend na empresa QuikDev.

🗨 Sobre o Projeto

Esse é um projeto feito em React com detalhes e cuidado quanto ao design, UI (Interface do Usuário) e UX (Experiência do Usuário). Trata-se de um ambiente autênticado onde se é possível, fazer posts de textos, editar e excluir esse post, acionar comentários referente ao post escolhido, editar e excluir esse comentário.

💙	👀

Recursos

• Criar Conta
• Realizar Login
• Adicionar Posts
• Editar Posts
• Excluir Posts
• Adicionar comentários ao post
• Excluir e editar comentários do post

💻 Como Instalar e Executar

Clone este repositório em sua máquina local.

git clone https://github.com/igords-goncalves/quikdev-posts.git

Execute o comando comando no terminal para instalar as dependências necessárias.

npm install

Execute o comando comando no terminal para iniciar o projeto.

npm run dev

🤝 Como Contribuir

Faça um fork deste repositório - Como criar um fork

Crie uma nova branch com a sua contribuição

git checkout -b minha-contribuicao

Commit suas alterações

git commit -m "Descrição das suas alterações"

Faça um push para a sua branch

git push origin minha-contribuicao

Abra um pull request - Como abrir um pull request

⚙ Principais Tecnologias Utilizadas

Escolhi TypeScript devido à sua robustez, tipagem forte e capacidade de aproveitar recursos avançados. Isso oferece maior segurança e consistência ao código, especialmente ao trabalhar com tecnologias modernas como React e estilos Tailwind. As outras tecnologias desempenharam papéis complementares durante o processo de desenvolvimento.

Este teste técnico proporcionou uma experiência valiosa para meu crescimento pessoal e técnico. Estou à disposição para receber feedbacks de natureza técnica ou sugestões de aprimoramento para o projeto. Quero enfatizar minha total receptividade a qualquer tipo de retorno.

Licença

Este projeto está licenciado sob a Licença MIT - veja o arquivo LICENSE para mais detalhes.

React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

• Configure the top-level parserOptions property like this:

   parserOptions: {
    ecmaVersion: 'latest',
    sourceType: 'module',
    project: ['./tsconfig.json', './tsconfig.node.json'],
    tsconfigRootDir: __dirname,
   },

• Replace plugin:@typescript-eslint/recommended to plugin:@typescript-eslint/recommended-type-checked or plugin:@typescript-eslint/strict-type-checked
• Optionally add plugin:@typescript-eslint/stylistic-type-checked
• Install eslint-plugin-react and add plugin:react/recommended & plugin:react/jsx-runtime to the extends list