Drip-Store | eCommerce

O que é a Drip-Store?

A DripStore é um E-commerce feito em React com JavaScript, trata-se do projeto front-end final desenvolvido durante a imersão Full-Stack chamada de Geração Tech oferecido pelo Governo do Estado do Ceará em parceria com o Instituto Euvaldo Lovaldi (IEL) e a Agência de Desenvolvimento do Estado do Ceará (ADECE), o projeto foi feito com a participação de Isaac Lima, Lucas Marcelo e Matheus Gabriel.

Iniciar

1. Instalar a última versão LTS do Node.js

2. Checar a instação com os bash comandos: node -v e npm -v

3. Clonar esse repositório com:

   git clone https://github.com/DevSaLLein/drip-store.

4. Abrir o diretório criado através do clone com:

   cd DripStore

5. Baixar as dependências necessárias para o projeto com:

   npm i

6. Abrir um servidor local com:

   npm run dev

7. abra no seu navergador na url localhost:3000

Tecnologias utilizadas

Prettier	JavaScript	GitHub	React	Git

Organização de Pastas

Arquitetura

├── .vscode/
│    ├── settings.json
│
├── public/
│
│    ├── IMG/
│    │
│    │    ├── collection-images/
│    │    │   ├── collection-1.png
│    │    │   ├── collection-2.png
│    │    │   ├── collection-3.png
│    │    │
│    │    ├── home-images/
│    │    │   ├── home-slide-1.jpeg
│    │    │   ├── home-slide-2.jpeg
│    │    │   ├── home-slide-3.jpeg
│    │    │   ├── home-slide-4.jpeg
│    │    │   ├── home-slide-5.jpeg
│    │    │   ├── home-slide-6.jpeg
│    │    │   ├── home-slide-7.jpeg
│    │    │   ├── home-slide-8.jpeg
│    │    │
│    │    ├── product-images/
│    │    │   ├── product-image-1.jpeg
│    │    │   ├── product-image-2.jpeg
│    │    │   ├── product-image-3.jpeg
│    │    │   ├── product-image-4.jpeg
│    │    │   ├── product-image-5.jpeg
│    │    │
│    │    ├── product-thumb-images/
│    │    │   ├── product-thumb-1.jpeg
│    │    │   ├── product-thumb-2.jpeg
│    │    │   ├── product-thumb-3.jpeg
│    │    │   ├── product-thumb-4.jpeg
│    │    │   ├── product-thumb-5.jpeg
│    │    │
│    │    ├── White-Sneaker.png
│    │
│    │
│    ├── styles/
│    │    default.css
│    │
│    ├── svgs/
│    │    ├── arrow-right.svg
│    │    ├── blusaE.svg
│    │    ├── calça.svg
│    │    ├── dois.svg
│    │    ├── ellipse.svg
│    │    ├── facebook.svg
│    │    ├── fone.svg
│    │    ├── instagram.svg
│    │    ├── logo-footer.svg
│    │    ├── logo-header.svg
│    │    ├── mini-cart.svg
│    │    ├── Ornament.svg
│    │    ├── Search.svg
│    │    ├── star-active.svg
│    │    ├── star-desactive.svg
│    │    ├── star-icon.svg
│    │    ├── star-white.svg
│    │    ├── teniss.svg
│    │    ├── twitter.svg
│
├── src/
│
│    ├── components/
│    │
│    │    ├── BuyBox/
│    │    │   ├── BuyBox.css
│    │    │   ├── BuyBox.jsx
│    │    │
│    │    ├── FeaturedCollections/
│    │    │   ├── FeaturedCollections.css
│    │    │   ├── FeaturedCollections.jsx
│    │    │
│    │    ├── FeaturedCollectionsIcons/
│    │    │   ├── FeaturedCollectionsIcons.css
│    │    │   ├── FeaturedCollectionsIcons.jsx
│    │    │
│    │    ├── FilterGroup/
│    │    │   ├── FilterGroup.css
│    │    │   ├── FilterGroup.jsx
│    │    │
│    │    ├── Footer/
│    │    │   ├── Footer.css
│    │    │   ├── Footer.jsx
│    │    │
│    │    ├── Header/
│    │    │   ├── Header.css
│    │    │   ├── Header.jsx
│    │    │
│    │    ├── HomePageCarousel/
│    │    │   ├── HomePageCarousel.css
│    │    │   ├── HomePageCarousel.jsx
│    │    │
│    │    ├── ProductCard/
│    │    │   ├── ProductCard.css
│    │    │   ├── ProductCard.jsx
│    │    │
│    │    ├── ProductDetails/
│    │    │   ├── ProductDetails.css
│    │    │   ├── ProductDetails.jsx
│    │    │
│    │    ├── ProductListing/
│    │    │   ├── ProductListing.css
│    │    │   ├── ProductListing.jsx
│    │    │
│    │    ├── ProductOptions/
│    │    │   ├── ProductOptions.css
│    │    │   ├── ProductOptions.jsx
│    │    │
│    │    ├── Section/
│    │    │   ├── Section.css
│    │    │   ├── Section.jsx
│    │
│    ├── pages/
│    │
│    │    ├── Products/
│    │    │   ├── Products.css
│    │    │    ├── Products.jsx
│    │    │
│    │    ├── ProductViewPage/
│    │    │   ├── ProductViewPage.css
│    │    │   ├── ProductViewPage.jsx
│    │    │
│    │    ├── HomePage.jsx
│    │    ├── NotFoundPage.jsx
│    │
│    ├── routes/
│    │    ├── AppRoutes.jsx
│    │
│    ├── App.jsx
│    ├── main.jsx
│
├── .eslintrc.cjs
├── .gitignore
├── helper.md
├── index.html
├── package-lock.json
├── package.json
├── README.md
├── vite.configs.js
├── yarn.lock

Membros ativos do projeto

Profile	Nome Completo
	Isaac Lima de Andrade
	Lucas Marcelo N Souza
	Matheus Gabriel R de Paula

Menções Honrosas

Profile	Nome Completo
	Prof° Marnei Cardoso
	Samantha Pimentel

Licença

• Esse projeto está sob a licença The Unlicense.

Layout

• Você pode visualizar o layout do projeto através DESSE LINK

Agracimentos