https://github.com/daraperini/learning-react-contextapi

This React project is an e-commerce created using Context API
https://github.com/daraperini/learning-react-contextapi

javascript react react-context

Last synced: 14 days ago
JSON representation

This React project is an e-commerce created using Context API

• Host: GitHub
• URL: https://github.com/daraperini/learning-react-contextapi
• Owner: daraperini
• Created: 2023-11-08T20:08:51.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-13T17:44:33.000Z (about 1 year ago)
• Last Synced: 2024-11-07T10:12:59.599Z (2 months ago)
• Topics: javascript, react, react-context
• Language: JavaScript
• Homepage:
• Size: 590 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# E-commerce with ContextAPI

This project was developed during Alura's class *React: global states manegement with ContextAPI*. I developed a simple e-commerce using React focusing on the usage of React Context. I learned how to create and manege globas states through ContextAPI and reinforced other concepts such as Single Responsibility Principle and other good practices in Front-end development. I also developed custom hooks and used Contexts to alter other Contexts.

## Used tools:

* React (ContextAPI)

* JavaScript

*(Alura is a Brazilian technology school and for acessibility reasons this code is in Portuguese)*

## Initializing the project on your computer

- Clone the repository using the command line:

    - git clone *link of the repository*

    - cd *file of the repository*

 

- Go to the projects main file:

    - cd *name of the file*

 

- Run the code:

    - npm install (to install all project's dependencies)

    - npm start (to open the project on your browser)

 

* In case the project does not opend automatically type http://localhost:3000 on your browser

#

# E-commerce com ContextAPI

Nesse projeto desenvolvido a partir do curso *React: gerenciamento de estados globais com ContextAPI*, da Alura, desenvolvi um e-commerce simples utilizando o React, com foco na utilização de React Context. Nele aprendi a criar e gerenciar estados globais através do ContextAPI, além de reforçar conceitos como Single Responsibility Principle e outras boas práticas da programação Front-end. Também desenvolvi hooks costumizados e utilizei Contexts para alterar outros Contexts.

## Ferramentas utilizadas:

* React (ContextAPI)

* JavaScript

## Iniciando o projeto na sua máquina

- Clone o repositório através do terminal:

    - git clone *link do repositório*

    - cd *pasta do repositório*

 

- Rode o código na sua máquina:

    - npm install (para instalar as dependências do projeto)

    - npm start (para abrir o projeto no seu navegador)

 

* Caso o projeto não abra automaticamente, digite http://localhost:3000 no seu navegador