Skip to content

Bem-Me-Care/BMC-Front

Repository files navigation

BMC-Front

💧✨ 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. 🤝

Projeto React com Material UI, Typescript e Vite

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.

Pré-requisitos

  • Node.js e npm instalados
  • yarn instalado

🛠 As seguintes ferramentas foram usadas para desenvolver este projeto:

Node

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

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

React é um framework JavaScript para criar interfaces de usuário.

Site: https://reactjs.org/

Documentação: https://reactjs.org/docs/getting-started.html

Yarn

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

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

Vite é um servidor de desenvolvimento rápido baseado em ES modules.

Site: https://vitejs.dev/

Documentação: https://vitejs.dev/docs/

Então, vamos começar 🚀!

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

Passo 1: Inicialização do projeto

entre na pasta BMC-Front :

 cd BMC-Front

Para iniciar o projeto, execute o seguinte comando na linha de comando:

yarn 

Passo 2: Executar o projeto

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.

Passo 3 :

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.

🤝. Estamos muito entusiasmados em compartilhar nosso trabalho com você 🤗!

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. 🤗!