Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Erro de push #226

Open
wants to merge 43 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
43 commits
Select commit Hold shift + click to select a range
9cd817c
Estrutura inicial de arquivos
Re-Santos Jun 18, 2023
cdafa24
Merge pull request #1 from Re-Santos/estrutura-inicial
Re-Santos Jun 18, 2023
b59ddd7
[configuração]criei os componentes principais do projeto
Re-Santos Jun 20, 2023
15c12aa
Merge branch 'main' into componetizacao
Re-Santos Jun 20, 2023
87cfd7f
Merge pull request #2 from Re-Santos/componetizacao
Re-Santos Jun 20, 2023
eaedff1
[estilo] Implementei a estilização básica com styled components
Re-Santos Jun 25, 2023
4418496
Merge pull request #3 from Re-Santos/estilizacao-basica
Re-Santos Jun 25, 2023
cd09d63
[configuração] usei props para distribuir os dados do projeto
Re-Santos Jun 25, 2023
259a389
Merge pull request #4 from Re-Santos/dados-via-props
Re-Santos Jun 25, 2023
fc3ac6b
Acrescentei tópicos a estrutura
Re-Santos Jun 28, 2023
a0c339e
[funcionalidade] apliquei inputs controlados no select
Re-Santos Jul 1, 2023
8546398
Merge pull request #5 from Re-Santos/input-controlado
Re-Santos Jul 1, 2023
ec4604f
Fluxo de dados
Re-Santos Jul 1, 2023
39167ff
Merge pull request #6 from Re-Santos/fluxo-de-dados
Re-Santos Jul 1, 2023
9c793bd
lista de produtos
Re-Santos Jul 2, 2023
3aa091c
Merge pull request #7 from Re-Santos/lista-de-produtos
Re-Santos Jul 2, 2023
ed4318b
Reorganizando os códigos
Re-Santos Jul 18, 2023
486de2c
Merge pull request #8 from Re-Santos/correcao
Re-Santos Jul 18, 2023
f6bb0a7
Refazendo os códigos
Re-Santos Jul 18, 2023
9fdc39e
Merge pull request #9 from Re-Santos/correcao
Re-Santos Jul 18, 2023
8698fbd
Estilização
Re-Santos Jul 18, 2023
60803a3
Merge pull request #10 from Re-Santos/correcao
Re-Santos Jul 18, 2023
63e182b
Corrigi Filter Busca
Re-Santos Jul 19, 2023
b59c0af
Merge pull request #11 from Re-Santos/correcao
Re-Santos Jul 19, 2023
d59510e
Corrige bug funcionalidade
Re-Santos Jul 23, 2023
e2d0d54
Merge pull request #12 from Re-Santos/correcao
Re-Santos Jul 23, 2023
4537aeb
Ordena produtos
Re-Santos Jul 23, 2023
a498986
Merge pull request #13 from Re-Santos/ordem
Re-Santos Jul 23, 2023
ce5ba31
Cria um banner
Re-Santos Jul 25, 2023
41981ab
Merge pull request #14 from Re-Santos/estilizacao-final
Re-Santos Jul 25, 2023
478f84f
react-icons
Re-Santos Jul 25, 2023
245eabf
Estilizei a página
Re-Santos Jul 27, 2023
9ea36da
Merge pull request #15 from Re-Santos/estilizacao-final
Re-Santos Jul 27, 2023
9ad82b1
Estiliza links
Re-Santos Jul 28, 2023
5ebd94e
Merge pull request #16 from Re-Santos/estilizacao-final
Re-Santos Jul 28, 2023
d64ce3f
local-storage
Re-Santos Jul 28, 2023
898e787
Merge pull request #17 from Re-Santos/local-storage
Re-Santos Jul 28, 2023
d795435
corrigi bug
Re-Santos Jul 28, 2023
eeb180a
Update README.md
Re-Santos Jul 28, 2023
fffd079
Merge pull request #18 from Re-Santos/local-storage
Re-Santos Jul 28, 2023
1ae026c
finalizacao
Re-Santos Jul 28, 2023
a75058a
Merge pull request #19 from Re-Santos/finalizacao
Re-Santos Jul 28, 2023
3dd0e0e
Update README.md
Re-Santos Aug 6, 2023
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions .vscode/settings.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"git.ignoreLimitWarning": true
}
80 changes: 14 additions & 66 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,3 +1,16 @@
# Projeto de E-commerce

## Descrição

Este é um projeto de e-commerce desenvolvido em React, onde os usuários podem visualizar produtos, aplicar filtros, adicionar itens ao carrinho de compras e realizar pedidos.
![image](https://github.com/Re-Santos/projeto-frontendreact/assets/123095086/94108551-df1a-4e15-b6e7-3a7336c9594e)
![image](https://github.com/Re-Santos/projeto-frontendreact/assets/123095086/15adc333-3b39-4370-82f0-3ce0107fba98)

## Deploy

Acesse o deploy desse projeto:
https://frontendreact-renata-easley.surge.sh/

# projeto-frontendreact

Esse é o projeto de introdução aos fundamentos do React. Aqui, vamos praticar a estrutura do que consideramos a estrutura do React. O objetivo é que funcione como o front-end de um E-Commerce
Expand All @@ -11,30 +24,6 @@ Esse é o projeto de introdução aos fundamentos do React. Aqui, vamos praticar
- Renderização condicional
- localStorage

## Instruções

O Astrodev deixou um testamento e essa foi a herança deixada pra vocês:

```
Estudantes do meu coração,
Estou querendo montar um e-commerce de itens espaciais e vocês serão responsáveis por essa construção.
Pretendo montar diferentes linhas de produtos.

As possíveis linhas de produto são:
- Satélites antigos;
- Roupas espaciais;
- Camisetas com estampas divertidas relacionadas ao espaço;
- Viagens espaciais;
- Meteoritos / aerolitos como pedras preciosas;
- Brinquedos e produtos infantis temáticos;
- Naves / Foguetes / Ônibus espaciais;

Escolham uma linha dentre essas, e criem um e-commerce de acordo com a lista de requisitos.


Att.
```

# Requisitos

O projeto consistirá em 3 grandes partes:
Expand All @@ -53,16 +42,6 @@ O projeto consistirá em 3 grandes partes:
- Por valor mínimo e máximo
- Por nome do produto

Exemplo de estruturação de **UM** produto (Lembrem-se que vocês terão uma lista contendo todos):

```jsx
{
id: 1,
name: "Foguete da Missão Apollo 11",
value: 10000.0,
imageUrl: "https://picsum.photos/200/200",
}
```

### Lista de Requisitos
- Home (Lista de Produtos)
Expand All @@ -82,40 +61,9 @@ Exemplo de estruturação de **UM** produto (Lembrem-se que vocês terão uma li
- [ ] O usuário deve ser capaz de ordenar os itens em ordem crescente ou decrescente
- [ ] O usuário deve ser capaz de adicionar filtros, busca e ordenação simultaneamente
- [ ] O usuário deve ser capaz de retornar à visualização sem filtros

###

O layout da página é escolha de vocês! O exemplo abaixo é só uma implementação bemmm simples das funcionalidades, não se atenham a ele.

http://fluttering-coast.surge.sh/


https://user-images.githubusercontent.com/11279432/197185533-14582ca3-9eb0-4a5a-b57c-b94913ff2dd6.mp4




### Conseguiu terminar? Aqui temos alguns **desafios**
1. Salvar e Recuperar conteúdo do carrinho usando o `LocalStorage`;
2. Dediquem um tempo para melhorar o layout e a usabilidade do seu site! Se baseiem em outros e-commerces que vocês gostam para chegar em um resultado mais próximo do padrão de design visto no mercado;
3. Se TODO O RESTO DO SITE e os dois desafios anteriores estiverem funcionando, pensem: qual outra funcionalidade está faltando? Decidam o que vocês concordam que poderia ser uma boa adição à loja virtual (pode ser qualquer funcionalidade, desde que vocês consigam implementá-la). Todas as funcionalidades extras implementadas devem ser listadas e explicadas no readme do projeto para que possam ser avaliadas.

### Instruções para preparar o seu repositório

- Faça o fork desse repositório e realize o clone da sua cópia `seu-nome-de-usuario/projeto-lista-intro-javascript`.
<details>
<summary>Quer uma dica?</summary>
<img src="https://firebasestorage.googleapis.com/v0/b/assets-conteudo.appspot.com/o/gerais%2Ffork.png?alt=media&token=7030e997-246a-41fe-a75f-2a2ced61e54d" alt="Como adicionar o projeto no repositório"/>
</details>
- Crie os arquivos do projeto dentro deste repo;
- **Lembre-se de abrir os PRs para seu próprio repositório.**
- Para isso, você precisará fazer o projeto utilizando **branches**. Não faça as alterações direto na branch ```main```!

### Instruções de entrega

![image](https://user-images.githubusercontent.com/71137294/227538428-52271ed2-df78-4500-b286-25f03aa7bf2e.png)
1. [Crie o surge](https://labenu.notion.site/Deploy-de-front-React-com-Surge-f902a03ec1d247dc9af9aee5a1469d96) do seu projeto e pegue o link da publicação(deploy);
2. Adicione o link do surge no readme do seu projeto;
3. Tire print das páginas do seu projeto e cole no readme;
4. Abra um novo Pull Request (PR) com a frase **PR para correção**. Caso não saiba como fazê-lo, assista a esse [vídeo](https://www.canva.com/design/DAFY4nS5W2c/t92uFMR61YtmA7bCwj2S1Q/watch).
5. Envie o link do seu PR e do surge no [formulário de entrega](https://forms.gle/S9XChPZravP3WdxL6).

23 changes: 23 additions & 0 deletions labecommerce/.gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# dependencies
/node_modules
/.pnp
.pnp.js

# testing
/coverage

# production
/build

# misc
.DS_Store
.env.local
.env.development.local
.env.test.local
.env.production.local

npm-debug.log*
yarn-debug.log*
yarn-error.log*
70 changes: 70 additions & 0 deletions labecommerce/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,70 @@
# Getting Started with Create React App

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

## Available Scripts

In the project directory, you can run:

### `npm start`

Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.

The page will reload when you make changes.\
You may also see any lint errors in the console.

### `npm test`

Launches the test runner in the interactive watch mode.\
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

### `npm run build`

Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.\
Your app is ready to be deployed!

See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.

### `npm run eject`

**Note: this is a one-way operation. Once you `eject`, you can't go back!**

If you aren't satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.

You don't have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.

## Learn More

You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).

To learn React, check out the [React documentation](https://reactjs.org/).

### Code Splitting

This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting)

### Analyzing the Bundle Size

This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size)

### Making a Progressive Web App

This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app)

### Advanced Configuration

This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration)

### Deployment

This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment)

### `npm run build` fails to minify

This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify)
Loading