💧✨ Bem-vindo à nossa loja virtual de produtos de higiene íntima! O nosso objetivo é ajudar a dar visibilidade à consciência da pobreza menstrual no Brasil.
Usamos React, Material UI, TypeScript e Vite para desenvolver esse projeto. Aqui, você pode navegar facilmente entre os nossos produtos e escolher o que deseja comprar. Além disso, parte das nossas vendas serão doadas para ONGs brasileiras que trabalham com pessoas em situação de pobreza menstrual.
😍 Esperamos que você aproveite a nossa loja e que contribua com o nosso objetivo de dar maior visibilidade à consciência da pobreza menstrual no Brasil. 🤝
Este é um passo a passo para criar um projeto de aplicação React usando Material UI, Typescript e Vite via linha de comando usando npm ou yarn.
- Node.js e npm instalados
- yarn instalado
Node é um ambiente de execução para JavaScript construído com o motor JavaScript V8 do Chrome.
Site: https://nodejs.org/en/
Documentação: https://nodejs.org/en/docs/
Material UI é uma biblioteca de componentes baseada no Material Design do Google.
Site: https://material-ui.com/
Documentação: https://material-ui.com/pt/getting-started/documentation/
React é um framework JavaScript para criar interfaces de usuário.
Site: https://reactjs.org/
Documentação: https://reactjs.org/docs/getting-started.html
Yarn é um gerenciador de pacotes para o JavaScript e o Node.js.
Site: https://yarnpkg.com/
Documentação: https://classic.yarnpkg.com/en/docs/
TypeScript é um superconjunto de JavaScript que adiciona tipagem ao idioma.
Site: https://www.typescriptlang.org/
Documentação: https://www.typescriptlang.org/docs/home.html
Vite é um servidor de desenvolvimento rápido baseado em ES modules.
Site: https://vitejs.dev/
Documentação: https://vitejs.dev/docs/
clone o repositório do projeto BMC-Front, que pode ser encontrado no seguinte endereço:
git clone https://github.com/Bem-Me-Care/BMC-Front.git
entre na pasta BMC-Front :
cd BMC-Front
Para iniciar o projeto, execute o seguinte comando na linha de comando:
yarn
Agora que o projeto está pronto, execute o seguinte comando para executar o projeto:
yarn dev
Isso iniciará o servidor de desenvolvimento e abrirá seu projeto no navegador. Agora você pode começar a testar e desenvolver seu projeto.
Agora que o projeto está configurado, é hora de começar a codificar. Abra os arquivos src/App.tsx
e src/index.tsx
e comece a codificar o projeto.
📱 Os usuários podem acessar a loja virtual usando dispositivos móveis e computadores desktop, pois esta foi desenvolvida com responsividade.
Neste projeto, estamos trabalhando para criar algo que possa melhorar a vida das pessoas 🤩. Estamos trabalhando com muita paixão e dedicação para criar algo que seja útil e que possa ajudar as pessoas 🤗.
Se você quiser ajudar, você pode nos ajudar de várias maneiras 🤝:
- Você pode contribuir com código 💻
- Você pode contribuir com feedbacks e ideias 💡
- Você pode nos ajudar a divulgar o nosso projeto 📢
Qualquer ajuda será muito bem-vinda. 🤗!