Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/epiled/meteora-front-end-desafio-7
👗 Projeto do 7 desafio de Front-End da Alura 👜
https://github.com/epiled/meteora-front-end-desafio-7
api css html javascript json-server
Last synced: about 1 month ago
JSON representation
👗 Projeto do 7 desafio de Front-End da Alura 👜
- Host: GitHub
- URL: https://github.com/epiled/meteora-front-end-desafio-7
- Owner: Epiled
- License: mit
- Created: 2023-08-08T12:55:58.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-10-31T18:39:55.000Z (about 1 year ago)
- Last Synced: 2023-10-31T19:33:57.123Z (about 1 year ago)
- Topics: api, css, html, javascript, json-server
- Language: HTML
- Homepage:
- Size: 6.22 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 👗 Loja Meteora - Front-End Desafio 7
Projeto do 7 desafio de Front-End da Alura, material do desafio.
Nesse Challenger, o projeto foi um e-commerce de roupas, com opção de se inscrever no newsletter e ver mais sobre os produtos.
Além de desenvolver os componentes da página, foi garantindo que o site seja inclusivo, por isso, foi essencial pensar em todos os detalhes.
| :placard: Vitrine.Dev | |
| ------------- | --- |
| :sparkles: Nome | **Loja Meteora - Front-End Desafio 7**
| :label: Tecnologias | html, css, js, node, gulp, json-server
📃 Detalhes do projeto
Nesse projeto foi desenvolvido um e-commerce de roupas, é possível visualizar os produtos em detalhes em uma modal, também é possível se cadastrar no newsletter sendo necessário coloca rum e-mail valido.
A ideia do Challenger foi desenvolver todo o projeto em um período de 4 semanas.
Todo o código foi desenvolvido em códigos Vanilla sem frameworks sendo a única dependência o JSON-Server para consumir a API com todos os dados dos produtos.
📑 Tabela de Conteúdos
* [Detalhes do projeto](#detalhes-do-projeto)
* [Tópicos Desenvolvidos](#topicos-curso)
* [Demonstração](#demonstracao)
- [Home](#home)
* [Pré-Requisito](#pre-requisito)
* [Instalação](#instalacao)
* [Como usar](#como-usar)
* [Tecnologias](#tecnologias)
* [Autor](#autor)
👩🏫 Tópicos desenvolvidos
* Desenvolvimento responsivo
* Acessibilidade Web
* Consumo de API
* Validação de formulário
* Otimizações de SEO
👀 Demonstração
Home
https://github.com/Epiled/Front-End-Desafio-7/assets/55258483/d38e03a5-1f01-4aa0-afc4-885ff8e58982
https://github.com/Epiled/Front-End-Desafio-7/assets/55258483/b3bf5d0b-b58c-4815-845f-f8a0835e5100
🚨 Pré-requisito
- Node
- JSON-Server
⚙ Instalação
```
1. git clone https://github.com/Epiled/meteora-desafio-front-end-7.git
2. cd meteora-desafio-front-end-7
3. npm install
```
👩🏫 Como usar
```
1. Estando dentro do diretório do meteora-desafio-front-end-7 utilize o seguinte comando
2. json-server --watch db.json
3. Levante um servidor local para a pasta meteora-desafio-front-end-7 e acesse a index.html
```
🛠 Tecnologias
As seguintes tecnologias foram usadas na construção deste projeto:
👨💻 Autor
Felipe De Andrade
Feito com ❤️ por Felipe De Andrade 👋🏽 Entre em contato!
[](https://www.linkedin.com/in/fademendonca/)
[](mailto:[email protected])
[](https://www.instagram.com/felipe.deam/)
[](https://codepen.io/epiled)