Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/epiled/alura-books-front-end
📘 Parte 1 de 3 de um projeto Full-Stack aqui está o Front-End da livraria Alura Books 📘
https://github.com/epiled/alura-books-front-end
react styled-components typescript
Last synced: about 1 month ago
JSON representation
📘 Parte 1 de 3 de um projeto Full-Stack aqui está o Front-End da livraria Alura Books 📘
- Host: GitHub
- URL: https://github.com/epiled/alura-books-front-end
- Owner: Epiled
- License: mit
- Created: 2023-12-09T06:22:20.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-01-04T23:38:54.000Z (about 1 year ago)
- Last Synced: 2024-11-19T10:24:22.499Z (3 months ago)
- Topics: react, styled-components, typescript
- Language: TypeScript
- Homepage: https://alura-books-front-end.vercel.app
- Size: 207 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[nome-do-repositorio]: alura-books-full-stack
# 📘 Alura Books Front-End
Projeto do curso React: comece seu projeto full stack da Alura, curso ministrado pelo instrutor Bernardo Severo.
| :placard: Vitrine.Dev | |
| ------------- | --- |
| :sparkles: Nome | **Alura Books Front-End**
| :label: Tecnologias | react, typescript, styled components, html, css, js, node, vite, eslint
📃 Detalhes do projeto
O Alura Books é um site de venda de livros desenvolvido com tecnologias modernas para proporcionar uma experiência de usuário envolvente e eficiente.
Implementei o ESLint para assegurar a consistência e qualidade do código. Todo o desenvolvimento foi realizado utilizando React com TypeScript, e a estilização foi feita por meio do Styled Components.













📑 Tabela de Conteúdos
* [Detalhes do projeto](#detalhes-do-projeto)
* [Tópicos Desenvolvidos](#topicos-desenvolvidos)
* [Demonstração](#demonstracao)
- [Home](#home)
* [Pré-Requisito](#pre-requisito)
* [Instalação](#instalacao)
* [Como usar](#como-usar)
* [Tecnologias](#tecnologias)
* [Autor](#autor)👩🏫 Tópicos Desenvolvidos
* Compreenda os conhecimentos básicos teóricos e práticos de React
* Aplique a manutenção numa aplicação React
* Crie um website próprio usando React
* Coloque em prática as ferramentas mais utilizadas pelo mercado de trabalho front-end👀 Demonstração
Home
https://github.com/Epiled/alura-books-full-stack/assets/55258483/622ce978-fa06-42c4-b6f8-7cd58debddd2
🚨 Pré-requisito
- Node
⚙ Instalação
```
1. git clone https://github.com/Epiled/alura-books-front-end.git
2. cd alura-books-front-end
3. npm install
```
👩🏫 Como usar
```
1. npm run dev
2. Acesse a url http://localhost:5173/
```
Caso a url não abra sozinha acesse a url [http://localhost:5173](http://localhost:5173)
🛠 Tecnologias
As seguintes tecnologias foram usadas na construção deste projeto:
👨💻 Autor

Felipe De Andrade
Feito com ❤️ por Felipe De Andrade 👋🏽 Entre em contato!
[](https://www.linkedin.com/in/fademendonca/)
[](mailto:[email protected])
[](https://www.instagram.com/felipe.deam/)
[](https://codepen.io/epiled)