Organikos

Plataforma

Acesse nossa plataforma por aqui Organikos

Conceito do Projeto

Com o Organikos você descobre produtores próximos, que entregam na sua casa, alimentos saudáveis e baratos. Através da nossa plataforma você pode encontrar diversas opcões de alimentos orgânicos vendidos diretamente dos produtores. Melhore sua saúde e de sua família, e ainda ajude a incentivar a produção de mais alimentos saudáveis livres de agrotóxicos. Utilize cupons de desconto e economize ainda mais, enquanto se alimenta melhor, e sem ter que ir ao mercado.

To-Di List

• Criação da página Login e integração com a API de usuários
• Criação da página Home e integração com a API de sellers
• Criação da página Seller e integração com a API de produtos
• Criação da página Checkout
• Criação da página Details
• Criação da página Feedback
• Criação da página Bag e integração com CartData
• Criação da página Historic
• Criação da página PersonalData
• Criação da página Address
• Criação da página Payment
• Integração Historic com API
• Integração Checkout, Details, Feedback com API
• Integração PersonalData com API
• Integração Asdress com API
• Integração Payment com API
• Criação página cadastro

Pré-requisitos e recursos utilizados

Para realização do projeto foram utilizadas as seguintes ferramentas

1. react-router-dom
2. styled-components
3. uuid
4. react-loading-skeleton
5. axios
6. formik
7. yup
8. react-tooltip
9. react-switch
10. react-toastify

Passo a passo

1. Os times de design, backend e frontend se reuniram para definição do projeto
2. Após receber as telas prontas definimos as prioridades do que deveria ser feito
3. Criamos os componentes básicos que poderiam ser utilizados no projeto todo
4. Montamos as telas seguindo o protótipo
5. Fizemos os reviews junto ao time de design
6. Integramos com a API e definimos as rotas usando react-router-dom
7. Revisamos o que tinha sido feito à procura de bugs e melhorias

Instalação

Para instalar as dependências do projeto localmente, utilize a instrução abaixo:

1. Clonar o projeto usando git clone https://github.com/estartandodevs-course/organikos-frontend.git
2. Abra o projeto e digite no terminal yarn install e espere pela instalação das dependências, após isso, siga para a etapa de Execução

Execução

Para executar o programa

1. Instale as dependências usando o comando yarn no terminal
2. Após isso digite no terminal yarn start para rodar o projeto em modo desenvolvimento.

Autores

Desenvolvedores:

• Lucas Silva (lucasSlv)
• Pablo Kauã (pablokaua)

Monitor:

• Ramon Xavier (ramonxm) ❤

Imagens/screenshots

Login

Home

Seller

Agradecimentos

Um agradecimento especial a toda equipe do Estartando Devs que durante todo curso nos ajudaram a nos desenvolver como profissionais e como pessoas. Nada disso seria possível sem a ajuda e carinho que vocês depositam nesse projeto ❤