https://github.com/nop-dev/rocketmovies-react

Aplicação front-end de gerenciamento dos seus filmes favoritos, desenvolvido em ReactJS e Vite.
https://github.com/nop-dev/rocketmovies-react

reactjs styled-components vite

Last synced: 17 days ago
JSON representation

Aplicação front-end de gerenciamento dos seus filmes favoritos, desenvolvido em ReactJS e Vite.

• Host: GitHub
• URL: https://github.com/nop-dev/rocketmovies-react
• Owner: nop-dev
• Created: 2024-08-07T17:44:57.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-09-12T01:58:00.000Z (2 months ago)
• Last Synced: 2024-10-10T17:22:26.568Z (about 1 month ago)
• Topics: reactjs, styled-components, vite
• Language: JavaScript
• Homepage:
• Size: 1.6 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# Rocketmovies 🎬

**Rocketmovies** é uma aplicação front-end desenvolvida em React, criada com o objetivo de proporcionar uma experiência interativa para o gerenciamento de filmes favoritos, permitindo a organização e visualização de resenhas e informações. Este projeto foi desenvolvido para fins de estudo e aprendizado, e em breve receberá uma versão full-stack.

## Recursos 📚

- **Listagem de filmes:** Exibe uma lista com os filmes cadastrados.

- **Detalhamento de filmes:** Exibe as informações detalhadas de cada filme.

- **Rotas e navegação:** Utiliza `react-router-dom` para navegação entre as páginas.

- **Estilização:** Interface amigável e estilizada com `styled-components`.

## Como usar 💾

**Requisitos:**

- Node.js e npm (ou yarn) instalados.

**Instalação:**

1. Clone o repositório: `git clone https://github.com/nop-dev/rocketmovies.git`

2. Acesse a pasta do projeto: `cd rocketmovies`

3. Instale as dependências: `npm install` (ou `yarn`)

**Execução:**

1. Inicie o servidor de desenvolvimento: `npm run dev` (ou `yarn dev`)

2. Abra o navegador e acesse: `http://localhost:5173/`

## Tecnologias 🌐

- **ReactJS:** Biblioteca JavaScript para construção de interfaces de usuário. Permite a criação de componentes reutilizáveis e o gerenciamento eficiente do estado da aplicação.

- **React Router Dom:** Biblioteca para gerenciamento de rotas no React. Facilita a navegação entre as diferentes páginas da aplicação, permitindo o uso de parâmetros dinâmicos nas URLs, controle de histórico de navegação e links declarativos com os componentes ``, `` e ``.

- **Styled-components:** Biblioteca de estilização que utiliza o conceito de CSS-in-JS, permitindo a escrita de CSS diretamente dentro dos componentes React, com suporte para temas dinâmicos e escopo local de estilos.

- **Vite:** Ferramenta de build ultrarrápida para aplicações front-end. Oferece uma experiência de desenvolvimento mais rápida do que o Webpack, com suporte a HMR (Hot Module Replacement) e bundling eficiente para produção.

- **ESLint:** Ferramenta para garantir a qualidade do código, identificando e corrigindo problemas de sintaxe, estilo e boas práticas no código JavaScript e React.

- **JavaScript/ES6+:** Linguagem principal utilizada, com suporte para recursos modernos como async/await, arrow functions, destructuring e módulos ES6.

- **HTML5:** Estrutura semântica e organizada para a interface de usuário.

- **CSS3:** Definição de estilos e layout responsivo com foco na experiência do usuário.

---

| Nop-Dev, 2024 🚀 |

| ---------------- |

Deixe sua ⭐️ nesse repositório se você gostou do Rocketmovies! Seu apoio é muito valioso! 🎬