Skip to content

O Livros Vai na Web é um desafio técnico focado na criação de uma página web responsiva utilizando HTML, CSS, SASS e React com React Router.

Notifications You must be signed in to change notification settings

RenatofilhoDevandtech/DesafioLivrosVaiNaWeb

Repository files navigation

📚 Livros Vai na Web

livrosVaiNaWeb

🌟 Descrição do Projeto

O Livros Vai na Web é um projeto de desenvolvimento Fullstack, com o objetivo de criar uma plataforma que promove o compartilhamento de conhecimento através da doação de livros. Combinando tecnologias modernas no Frontend e Backend, o projeto oferece uma experiência interativa, acessível e eficiente para os usuários.

A aplicação possui um Frontend responsivo, desenvolvido com React, SASS e React Router, que garante uma navegação fluida e um design adaptável a dispositivos móveis e desktops. No Backend, utiliza-se Python com Flask para a criação de uma API REST que gerencia os dados de livros doados, armazenados em um banco de dados SQLite.

Ideal para quem está aprendendo e explorando o mundo do desenvolvimento Fullstack, o projeto aplica conceitos fundamentais como integração de APIs, manipulação de dados e construção de interfaces modernas e intuitivas. 🚀📚

✨ Funcionalidades

🌟 Frontend

  • 📱 Interface Responsiva: Design acessível para desktop, tablet e smartphone.
  • 🔗 Navegação com React Router: Transições fluidas entre páginas.
  • 🎨 Estilos Modernos com SASS: CSS modular e reutilizável para maior escalabilidade.
  • 💫 Animações Elegantes: Transições e efeitos visuais que melhoram a experiência do usuário.

🌐 Backend (API)

  • 📤 Cadastro de Livros: Endpoint POST /doar para adicionar novos livros à plataforma.
  • 🔍 Busca de Livros: Endpoint GET /livros para listar todos os livros doados.
  • 📊 Respostas em JSON: Estrutura de dados clara e fácil de integrar.

🖼️ Demonstração

Página Inicial

Por Que Doar Livros?
Explora os motivos para participar dessa rede incrível de doações.

Quero Doar

Envie seus livros.
Formulário fácil de usar para cadastrar livros que você deseja doar.

Livros Doados

Veja os livros disponíveis.
Descubra quais livros estão à disposição de outros leitores.

✨ Tecnologias Utilizadas

Frontend

  • React: Construção de interfaces dinâmicas e componentes reutilizáveis.
  • React Router: Navegação eficiente entre páginas sem recarregar a aplicação.
  • SASS: Estilização modular para maior organização e escalabilidade.
  • Axios: Comunicação entre o frontend e a API para consumo de dados.

Backend

  • Node.js: Criação do servidor para integrar APIs REST.
  • Flask: Desenvolvimento de rotas e lógica backend utilizando Python.
  • SQLite: Banco de dados leve e eficiente para armazenamento das informações.
  • API REST: Troca de dados organizada entre frontend e backend.
  • JSON: Formato padrão para envio e recepção de informações.

📂 Estrutura do Projeto

  • public/: Arquivos públicos como index.html, ícones e manifestos.
  • src/: Diretório principal contendo os arquivos do projeto:
    • components/: Componentes reutilizáveis em React.
    • pages/: Páginas principais da aplicação.
    • styles/: Arquivos SASS organizados por módulos.
    • App.js: Componente principal da aplicação.
    • index.js: Ponto de entrada da aplicação React.

🚀 Como Executar o Projeto

  1. Clone o repositório:
    git clone https://github.com/RenatofilhoDevandtech/DesafioLivrosVaiNaWeb.git
    cd DesafioLivrosVaiNaWeb
  2. Instale as Dependência:
  • npm Install
  1. Execute o Projeto:
  • npm run dev
  1. Abra o Navegador:
  • Acesse http://localhost:3000 para visualizar o projeto em execução.
  • irá abrir uma janela,executando o projeto.

🤝Contribuições

Contribuições são muito bem-vindas! Caso tenha sugestões, melhorias ou correções, sinta-se à vontade para abrir uma pull request. Estamos abertos a novas ideias para tornar o Livros Vai na Web ainda mais eficiente e amigável.

🏆 Apoie este Projeto

Curtiu o Livros Vai na Web? 🌟

Deixe um ⭐ no repositório!

Compartilhe com sua comunidade e ajude a espalhar a cultura da leitura.

📧 Contato

👤 Renato Filho

📧 Email: renatoservicesti@gmail.com

💼 LinkedIn:www.linkedin.com/in/renato-filho-devandtech

📜 Licença

Este projeto está licenciado sob a licença MIT. Consulte o arquivo LICENSE para mais detalhes.

5a53d5a7b08f545b9fbfa2494328bb5b478ac11b

About

O Livros Vai na Web é um desafio técnico focado na criação de uma página web responsiva utilizando HTML, CSS, SASS e React com React Router.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published