Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/http-sallein/dripstore-frontend

✨DripStore is a project created to Tech Generation of the State of Ceará in Brazil. It consists of an e-commerce made with React.js, JavaScript and libraries such as react-route-dom and Swiper ✍️(◔◡◔)
https://github.com/http-sallein/dripstore-frontend

react-hooks react-router reactjs responsive-website

Last synced: 18 days ago
JSON representation

Host: GitHub
URL: https://github.com/http-sallein/dripstore-frontend
Owner: http-sallein
License: unlicense
Created: 2024-09-16T21:18:30.000Z (2 months ago)
Default Branch: main
Last Pushed: 2024-09-17T14:16:37.000Z (2 months ago)
Last Synced: 2024-10-10T17:23:44.497Z (about 1 month ago)
Topics: react-hooks, react-router, reactjs, responsive-website
Language: JavaScript
Homepage: https://sallein-dripstore.vercel.app
Size: 2.3 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
- Security: SECURITY.md

Awesome Lists containing this project

README

# Drip-Store | eCommerce

![img](https://img.shields.io/github/license/DevSaLLein/drip-store.svg)
![img](https://img.shields.io/github/release/DevSaLLein/drip-store.svg)
![img](https://img.shields.io/badge/Maintained%3F-yes-green.svg)

## 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](https://geracaotech.iel-ce.org.br) oferecido pelo [Governo do Estado do Ceará](https://www.ceara.gov.br) em parceria com o [Instituto Euvaldo Lovaldi (IEL)](https://iel-ce.org.br) e a [Agência de Desenvolvimento do Estado do Ceará (ADECE)](https://www.adece.ce.gov.br), o projeto foi feito com a participação de [Isaac Lima](https://github.com/DevSaLLein), [Lucas Marcelo](https://github.com/LucasMarcelo85) e [Matheus Gabriel](https://github.com/MatheusDeV55).

## Iniciar

1. Instalar a última versão LTS do [Node.js](https://nodejs.org)

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

3. Clonar esse repositório com:
```bash
git clone https://github.com/DevSaLLein/drip-store.
```
4. Abrir o diretório criado através do clone com:
```bash
cd DripStore
```
5. Baixar as dependências necessárias para o projeto com:
```bash
npm i
```
6. Abrir um servidor local com:
```bash
npm run dev
```
7. abra no seu navergador na url localhost:3000

## Tecnologias utilizadas

| [
_Prettier](https://prettier.io/) | [
_JavaScript](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript) | [ icon
_GitHub](https://github.com) | [
_React](https://react.dev) | [ icon
_Git](https://git-scm.com) |
| :-----------------------------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------: |

## 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 | |
| :--------------------------------------------------------------------------------------------------: | :------------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
| [](https://github.com/DevSaLLein) | Isaac Lima de Andrade |

[

](https://github.com/DevSaLLein)
[

](https://www.linkedin.com/in/devsallein)
[

](https://www.instagram.com/http.zaclimaaxs/)

|
| [

](https://github.com/LucasMarcelo85) | Lucas Marcelo N Souza |

[

](https://github.com/LucasMarcelo85)

|
| [

](https://github.com/MatheusDeV55) | Matheus Gabriel R de Paula | [

](https://github.com/MatheusDeV55) |

## Menções Honrosas

| Profile | Nome Completo | |
| :----------------------------------------------------------------------------------------------------------: | :------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
| [](https://github.com/prof-marneicardoso) | Prof° Marnei Cardoso |

[

](https://github.com/prof-marneicardoso)
[

](https://www.youtube.com/@MarneiCardosoProf)
[

](https://www.linkedin.com/in/marneicardoso)

|
| [

](https://github.com/DevSaLLein) | Samantha Pimentel |

[

](https://github.com/Samkuran)
[

](https://www.linkedin.com/in/samantha-pimentel-dev)

## Licença

- Esse projeto está sob a licença [The Unlicense](./LICENSE.txt).

## Layout

- Você pode visualizar o layout do projeto através [DESSE LINK](https://www.figma.com/design/cfb4F7ZXMFQmvmTn3PKI4z/DRIP-STORE---DIGITAL-COLLEGE?node-id=22-30)

## Agracimentos