Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/giovanesouza/brstore
https://github.com/giovanesouza/brstore
api css3 front-end html5 js loja-virtual
Last synced: 2 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/giovanesouza/brstore
- Owner: giovanesouza
- Created: 2023-09-29T01:46:42.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-10-09T17:41:35.000Z (about 1 year ago)
- Last Synced: 2024-11-08T17:32:15.243Z (about 2 months ago)
- Topics: api, css3, front-end, html5, js, loja-virtual
- Language: HTML
- Homepage: https://giovanesouza.github.io/BrStore/
- Size: 3.9 MB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# BrStore
## Sobre o projeto
Projeto desenvolvido como parte avaliativa do curso de Desenvolvedor Full Stack, módulo Modern Web que contempla as tecnologias a seguir:* HTML5
* CSS3
* JSConsiste em uma loja virtual, onde é possível visualizar os produtos da loja, adicioná-los aos favoritos e à sacola, realizar cadastro e login, tendo os dados persistidos por meio do localStorage.
Neste projeto foram utilizadas duas APIs:
1. [Via CEP](https://viacep.com.br/)
1. [Fake Store API](https://fakestoreapi.com/)>[!NOTE]
>
> Os dados do localStorage podem ser vistos por meio das ferramentas do desenvolvedor do navegador por meio da aba **Application** -> **Local Storage**.## Objetivos do projeto
Criar uma loja virtual funcional aplicando os conhecimentos de Mordern Web.## Como visualizar o projeto localmente?
### Pré-requesitos:
>[!IMPORTANT]
>
> * [x] Ter o git instalado na máquina;
> * [x] Ter um editor de código de sua preferência;
> * [x] Rodar o projeto em um servidor local (Sugestão: Utilize a extensão **live server**);
> * [x] Clone o repositório por meio do comando abaixo.```bash
git clone https://github.com/giovanesouza/BrStore.git
```## Resultados obtidos:
![Index](screenpictures/index.jpg "Listagem dos produtos - index")
![Index](screenpictures/cat_electronics.jpg "Listagem de categoria específica (eletrônicos) - index")
![Index](screenpictures/favorites.jpg "Página de favoritos")
![Index](screenpictures/checkout.jpg "Página de Checkout / bag")
![Index](screenpictures/register.jpg "Página de cadastro de usuários")
![Index](screenpictures/login.jpg "Página de login")
![Index](screenpictures/user.jpg "Página do usuário logado")
![Index](screenpictures/work.jpg "Página de trabalhe conosco")
![Index](screenpictures/terms.jpg "Página de termos e condições")
![Index](screenpictures/contact.jpg "Página de contato")