MyConnect-Frontend
说明： MyConnect是一款面向游戏玩家和编程世界的电子销售应用程序，用React编写，使用A...
(MyConnect is an electronics sales application aimed at the gamers and programming world, written in React, using an API written in Node.js with a Postgres database.)
(MyConnect is an electronics sales application aimed at the gamers and programming world, written in React, using an API written in Node.js with a Postgres database.)
文件列表:
package-lock.json (1148657, 2023-07-07)
package.json (860, 2023-07-07)
public (0, 2023-07-07)
public\favicon.png (2245507, 2023-07-07)
public\index.html (1022, 2023-07-07)
src (0, 2023-07-07)
src\assets (0, 2023-07-07)
src\assets\img (0, 2023-07-07)
src\assets\img\img.jpg (27374, 2023-07-07)
src\assets\img\img2.png (28899, 2023-07-07)
src\assets\img\layoutDesktop.png (486093, 2023-07-07)
src\assets\img\layoutMobile.png (151251, 2023-07-07)
src\assets\img\logo.png (2245507, 2023-07-07)
src\assets\img\wallpaper01.png (2061072, 2023-07-07)
src\components (0, 2023-07-07)
src\components\App (0, 2023-07-07)
src\components\App\index.jsx (692, 2023-07-07)
src\components\Layout (0, 2023-07-07)
src\components\Layout\Container.jsx (266, 2023-07-07)
src\components\Layout\Footer.jsx (1359, 2023-07-07)
src\components\Layout\Header.jsx (3127, 2023-07-07)
src\components\Layout\LoadingScreen.jsx (643, 2023-07-07)
src\components\Layout\MessageInformation.jsx (504, 2023-07-07)
src\components\Layout\Window.jsx (1022, 2023-07-07)
src\components\Layout\WindowMain.jsx (724, 2023-07-07)
src\components\Layout\WindowRoutes.jsx (474, 2023-07-07)
src\components\Layout\cart (0, 2023-07-07)
src\components\Layout\cart\Cart.jsx (6110, 2023-07-07)
src\components\Layout\cart\Product.jsx (1308, 2023-07-07)
src\components\Layout\historic (0, 2023-07-07)
src\components\Layout\historic\Historic.jsx (2129, 2023-07-07)
src\components\Layout\historic\PurchaseStory.jsx (1399, 2023-07-07)
src\components\Layout\inputs-buttons (0, 2023-07-07)
src\components\Layout\inputs-buttons\Input.jsx (424, 2023-07-07)
src\components\Layout\inputs-buttons\InputNumber.jsx (1608, 2023-07-07)
src\components\Layout\inputs-buttons\RetangularButton.jsx (752, 2023-07-07)
src\components\Layout\inputs-buttons\Search.jsx (1848, 2023-07-07)
... ...
package.json (860, 2023-07-07)
public (0, 2023-07-07)
public\favicon.png (2245507, 2023-07-07)
public\index.html (1022, 2023-07-07)
src (0, 2023-07-07)
src\assets (0, 2023-07-07)
src\assets\img (0, 2023-07-07)
src\assets\img\img.jpg (27374, 2023-07-07)
src\assets\img\img2.png (28899, 2023-07-07)
src\assets\img\layoutDesktop.png (486093, 2023-07-07)
src\assets\img\layoutMobile.png (151251, 2023-07-07)
src\assets\img\logo.png (2245507, 2023-07-07)
src\assets\img\wallpaper01.png (2061072, 2023-07-07)
src\components (0, 2023-07-07)
src\components\App (0, 2023-07-07)
src\components\App\index.jsx (692, 2023-07-07)
src\components\Layout (0, 2023-07-07)
src\components\Layout\Container.jsx (266, 2023-07-07)
src\components\Layout\Footer.jsx (1359, 2023-07-07)
src\components\Layout\Header.jsx (3127, 2023-07-07)
src\components\Layout\LoadingScreen.jsx (643, 2023-07-07)
src\components\Layout\MessageInformation.jsx (504, 2023-07-07)
src\components\Layout\Window.jsx (1022, 2023-07-07)
src\components\Layout\WindowMain.jsx (724, 2023-07-07)
src\components\Layout\WindowRoutes.jsx (474, 2023-07-07)
src\components\Layout\cart (0, 2023-07-07)
src\components\Layout\cart\Cart.jsx (6110, 2023-07-07)
src\components\Layout\cart\Product.jsx (1308, 2023-07-07)
src\components\Layout\historic (0, 2023-07-07)
src\components\Layout\historic\Historic.jsx (2129, 2023-07-07)
src\components\Layout\historic\PurchaseStory.jsx (1399, 2023-07-07)
src\components\Layout\inputs-buttons (0, 2023-07-07)
src\components\Layout\inputs-buttons\Input.jsx (424, 2023-07-07)
src\components\Layout\inputs-buttons\InputNumber.jsx (1608, 2023-07-07)
src\components\Layout\inputs-buttons\RetangularButton.jsx (752, 2023-07-07)
src\components\Layout\inputs-buttons\Search.jsx (1848, 2023-07-07)
... ...
MyConnect
O projeto MyConnect, um aplicativo de vendas de eletrnicos voltado para o mundo dos gamers e da programa§o. Esse projeto consiste em: Frontend que foi desenvolvido em React; Backend sendo desenvolvido em Node.js, conectado a um banco de dados MongoDB, em nuvem, atravs da plataforma MongoAtlas.
Acessar o app
# Indice
- [Sobre](#-sobre)
- [Tecnologias Utilizadas](#-tecnologias-utilizadas)
- [Como baixar o projeto](#-como-baixar-o-projeto)
## ”– Sobre
O projeto **MyConnect**, foi desenvolvido com o intuito de facilitar a vida dos desenvolvedores e gamers que esto em busca de montar seu setup, fazer um upgrade ou simplesmente encontrar novas tecnologias relacionadas aos seus gostos, durante a navega§o.
A interface foi desenvolvida para ter um designer moderno, assim como, possibilitar praticar as tcnicas de extrutura§o de pastas, componeniza§o e trazi§es/sobreposi§o de telas, em React. Alm disso, devido ao tempo inicial dispoinvel para o desenvolvimento de toda a aplica§o, para facilitar a responsividade da mesma foi pensado o menu lateral.
[
](https://wakatime.com/badge/user/ea37d403-453f-4319-bd0c-77e54bb1318a/project/ee5f39a4-23ff-40a9-b3ea-e40dc49aabd4) [](https://www.npmjs.org/package/axios)
---
## Tecnologias utilizadas
O projeto foi desenvolvido utilizando as seguintes tecnologias
- [
](https://reactjs.org)
- [
](https://developer.mozilla.org/pt-BR/docs/Web/CSS)
- [
](https://git-scm.com)
- [
](https://www.npmjs.com/package/react)
- [
](https://trello.com/)
---
### Features
- ” Cadastro de usurio
- ” Login
- :bulb: Login automtico
- ” Realizar Logout
- ” Menu lateral
- ” Transi§es de telas com sobreposi§o
- ” Exibir produtos na tela inicial
- ” Filtragem de produtos
- ” Selecionar produto
- ” Adicionar produto ao carrinho
- ” Comprar produto
- ” Exibir histrico de compras
- ” Exibi§o de loadings
- § Popup de alertas
---
## — Como baixar o projeto
```bash
# Instalar o npm
# No Windows acesse
$ https://nodejs.org/en/
# No linux ou wsl
$ wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash
# Feche e abra o terminal novamente
$ nvm install --lts # 16.14.0
# Verificar a verso do node
$ node --version # Deve exibir v16.14
# Verificar a verso do nvm
$ nvm -v
```
```bash
# Clonar o repositrio
$ git clone https://github.com/WillianBL99/TrackIt.git
# Entrar no diretrio
$ cd TrackIt
# Instalar as dependncias
$ npm install
# Iniciar o projeto
$ npm start
```
---
Desenvolvido por [**Paulo Uilian Barros Lago**](https://github.com/WillianBL99) e [**Guilherme Alves Teixera**](https://github.com/Adamantyne) §‘’
](https://wakatime.com/badge/user/ea37d403-453f-4319-bd0c-77e54bb1318a/project/ee5f39a4-23ff-40a9-b3ea-e40dc49aabd4) [](https://www.npmjs.org/package/axios)
---
## Tecnologias utilizadas
O projeto foi desenvolvido utilizando as seguintes tecnologias
- [](https://reactjs.org)
- [](https://developer.mozilla.org/pt-BR/docs/Web/CSS)
- [](https://git-scm.com)
- [](https://www.npmjs.com/package/react)
- [](https://trello.com/)
---
### Features
- ” Cadastro de usurio
- ” Login
- :bulb: Login automtico
- ” Realizar Logout
- ” Menu lateral
- ” Transi§es de telas com sobreposi§o
- ” Exibir produtos na tela inicial
- ” Filtragem de produtos
- ” Selecionar produto
- ” Adicionar produto ao carrinho
- ” Comprar produto
- ” Exibir histrico de compras
- ” Exibi§o de loadings
- § Popup de alertas
---
## — Como baixar o projeto
```bash
# Instalar o npm
# No Windows acesse
$ https://nodejs.org/en/
# No linux ou wsl
$ wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash
# Feche e abra o terminal novamente
$ nvm install --lts # 16.14.0
# Verificar a verso do node
$ node --version # Deve exibir v16.14
# Verificar a verso do nvm
$ nvm -v
```
```bash
# Clonar o repositrio
$ git clone https://github.com/WillianBL99/TrackIt.git
# Entrar no diretrio
$ cd TrackIt
# Instalar as dependncias
$ npm install
# Iniciar o projeto
$ npm start
```
---
Desenvolvido por [**Paulo Uilian Barros Lago**](https://github.com/WillianBL99) e [**Guilherme Alves Teixera**](https://github.com/Adamantyne) §‘’
近期下载者：
相关文件：
收藏者：