Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/gracilianoog/one-alura-ecommerce

Loja online de produtos, parte do quarto desafio da Alura e Oracle Next Education,
https://github.com/gracilianoog/one-alura-ecommerce

alura alurageek ecommerce-store oraclenexteducation

Last synced: about 1 month ago
JSON representation

Loja online de produtos, parte do quarto desafio da Alura e Oracle Next Education,

Awesome Lists containing this project

README

        

# 🕹️ AluraGeek | E-commerce

## 📃 Descrição

O *AluraGeek* é um site fictício de venda de diversos produtos voltados para o público *nerd e geek*, com vários itens, como consoles, action figures, roupas e muito mais.

O desafio deste projeto consiste em desenvolver todo o frontend (parte visual) do site com *HTML* e *CSS*, e desenvolver o *CRUD* do mesmo com *Javascript*. A parte do CRUD trabalha com a *mockagem de dados* para simular a parte do backend.

O projeto foi desenvolvido durante o programa **Oracle Next Education**, em parceria com a **Alura**.

## 📚 Tecnologias


HTML
CSS
Javascript
Node JS
NPM

## 🗂️ Instruções de uso

1. Baixe ou clone o projeto
2. Certifique-se que você tenha o `Node JS` e `NPM` instalados. Versão do *node* utilizada no projeto foi a `v18.7.0`
3. Com o seu terminal preferido, vá até o diretório raíz do projeto `cd nome-pasta-raiz`
4. Para instalar as dependencias, utilize o comando `npm install`
5. Utilize o comando `npm run start-app` para executar o programa

## 📅 To do

✔️ Frontend
✔️ Responsividade
✔️ CRUD de produtos
✔️ Mockagem de dados
✔️ Validação dos campos via HTML
✔️ Validação dos campos via Javascript
✔️ Mostrar erros para os usuários
❌ Pesquisa de produtos
❌ Autenticação de usuário

## 📌 Mais informações

Projeto desenvolvido durante o programa Oracle Next Education (ONE), em parceria com a Alura, que tem por objetivo oferecer cursos 100% gratuitos, projetos e oportunidades para vagas de trabalho na área da tecnologia.

## 🔗 Links

* 🔍 [Alura | Cursos online](https://www.alura.com.br/)
* 🔍 [Concurrently | NPM JS](https://www.npmjs.com/package/concurrently)
* 🔍 [Fonte Raleway | Google Fonts](https://fonts.google.com/specimen/Raleway)
* 🔍 [Imagens de sucesso e erro | Pixelbay](https://pixabay.com/pt/users/samuel1983-1626596/)
* 🔍 [JSON Server | NPM JS](https://www.npmjs.com/package/json-server)
* 🔍 [Live Server | NPM JS](https://www.npmjs.com/package/live-server)
* 🔍 [Oracle Next Education](https://www.oracle.com/br/education/oracle-next-education/)
* 🔍 [Validação de formulário | MDN](https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation)