Skip to content

Thigovenc/-reactStudies

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📚 Book List App

Este é um projeto simples desenvolvido com React como parte dos meus estudos. O objetivo é colocar em prática os principais conceitos do React, criando uma aplicação para adicionar, editar e remover livros de uma lista.
O projeto utiliza o json-server para simular uma API REST local.


🚀 Funcionalidades

  • Adicionar livros à lista
  • Editar informações dos livros
  • Remover livros
  • Listar todos os livros cadastrados

🛠️ Tecnologias Utilizadas

  • React — Biblioteca JavaScript para construção de interfaces
  • Axios — Cliente HTTP para realizar requisições à API
  • JSON Server — Servidor fake para simular uma API REST local
  • useState e useEffect — Hooks para gerenciamento de estado e efeitos colaterais

🧪 Objetivo do Projeto

Este projeto faz parte do curso que estou realizando para dominar os fundamentos e boas práticas do desenvolvimento com React. A ideia é explorar os conceitos de forma incremental, com foco em:

  • Compreensão de JSX, props e state
  • Componentização e reuso
  • Manipulação de dados via API
  • Estudo de hooks como useState e useEffect
  • Aplicação de CRUD completo no frontend

📦 Instalação e Execução

  1. Clone o repositório:
git clone https://github.com/seu-usuario/book-list-app.git
cd book-list-app
  1. Instale as dependências:
npm install
  1. Inicie o servidor json-server:
npm run server

Isso irá rodar o servidor em http://localhost:3001

  1. Em outro terminal, inicie o app React:
npm start

O app estará disponível em http://localhost:3000


📘 Curso Base

Este projeto está sendo desenvolvido com base em um curso completo de React e Redux que aborda:

  • Construção de apps reais com React
  • Gerenciamento de estado com Redux Toolkit e Context API
  • Estilização com TailwindCSS
  • Tipagem com TypeScript
  • Uso de React Router para navegação
  • Integração com APIs, manipulação de formulários, e muito mais

Curso ideal para quem quer dominar o ecossistema moderno do React.


✍️ Autor

Desenvolvido por Thiago Venceslau Monteiro 👋


📚 Book List App

This is a simple project developed with React as part of my studies. The goal is to practice the main concepts of React by creating an application to add, edit, and remove books from a list.
The project uses json-server to simulate a local REST API.


🚀 Features

  • Add books to the list
  • Edit book information
  • Remove books
  • List all registered books

🛠️ Technologies Used

  • React — JavaScript library for building user interfaces
  • Axios — HTTP client to make API requests
  • JSON Server — Fake server to simulate a local REST API
  • useState and useEffect — Hooks for state management and side effects

🧪 Project Goal

This project is part of a course I'm taking to master the fundamentals and best practices of React development. The idea is to explore concepts incrementally, focusing on:

  • Understanding JSX, props, and state
  • Componentization and reuse
  • Data manipulation via API
  • Studying hooks like useState and useEffect
  • Implementing complete CRUD on the frontend

📦 Installation and Execution

  1. Clone the repository:
git clone https://github.com/your-username/book-list-app.git
cd book-list-app
  1. Install dependencies:
npm install
  1. Start the json-server:
npm run server

This will run the server at http://localhost:3001

  1. In another terminal, start the React app:
npm start

The app will be available at http://localhost:3000


📘 Course Reference

This project is based on a comprehensive React and Redux course that covers:

  • Building real-world apps with React
  • State management with Redux Toolkit and Context API
  • Styling with TailwindCSS
  • Type safety with TypeScript
  • Navigation using React Router
  • API integration, form handling, and much more

An ideal course for those who want to master the modern React ecosystem.


✍️ Author

Developed by Thiago Venceslau Monteiro 👋

About

Everything about how React works and your its particularities

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published