Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/daraperini/learning-react-typescript-authentication-alura-books

Alura Books is a technology books e-commerce. The project's focus was to develop user authentication.
https://github.com/daraperini/learning-react-typescript-authentication-alura-books

authentication axios http-requests react typescript

Last synced: about 2 months ago
JSON representation

Alura Books is a technology books e-commerce. The project's focus was to develop user authentication.

Awesome Lists containing this project

README 

        
# Alura Books



Hello! This project was developed during Alura's class *React: authenticating users*. Alura Books is a technology books e-commerce. 



The first course's focus was to develop user authentication. During the class I implemented the registration and login methods. I also created the My Account page, where the user has access to their orders. I handled user authentication and requests using JWT (Json Web Tokens). 



In the second course, I am developing the book list and the Book Details page, obtaining the data using React Query.



> In progress...



The project was developed using the [mocked Alura Books' API](https://github.com/daraperini/api-alura-books).



## Used tools:



* React

* TypeScript

* CSS

* Axios

* JWT



*(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*

- You also have to clone the [API repository](https://github.com/daraperini/api-alura-books)

 

- Go to the projects main file:

    - cd *name of the file*



- Run the code in the API folder:

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

    - npm run start-auth (to start the API)



- Run the code in the project's folder:

    - 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



#



# Alura Books



Olá! Esse projeto foi desenvolvido durante a formação *Impulsione sua aplicação React e consuma APIs*, da Alura. O Alura Books é um e-commerce de livros de tecnologia. 



O foco do primeiro curso foi desenvolver a autenticação de usuários. Durante a aula implementei as modais de cadastro e login. Também criei a página Minha Conta, onde o usuário tem acesso a seus pedidos já realizados. Utilizando JWT (Json Web Tokens), lidei com a autenticação do usuário e com os requests feitos por ele após ter logado com sua conta. 



No segundo curso, estou desenvolvendo a lista de livros e a página de Detalhes do Livro, obtendo os dados utilizando React Query.



> Em andamento...



O projeto foi desenvolvido utilizando uma [API mockada do Alura Books](https://github.com/daraperini/api-alura-books).



## Ferramentas utilizadas:



* React

* TypeScript

* CSS

* Axios

* JWT



## 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*

- Clone também o [repositório da API](https://github.com/daraperini/api-alura-books)

 

- Entre na pasta do projeto:

    - cd *nome da pasta*



- Rode a API na sua máquina:

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

    - npm run start-auth (para deixar a API rodando)

 

- 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