{"id":21877828,"url":"https://github.com/duducmt/react-native-lighteria","last_synced_at":"2026-04-11T06:36:33.463Z","repository":{"id":112408390,"uuid":"442918732","full_name":"duduCMT/React-Native-Lighteria","owner":"duduCMT","description":"Aplicativo de e-commerce simples para estudar os fundamentos da ContextAPI no React Native e praticar o design de telas.","archived":false,"fork":false,"pushed_at":"2021-12-30T10:49:34.000Z","size":14338,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-26T18:17:23.840Z","etag":null,"topics":["alura","context-api","react","react-native","react-navigation"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/duduCMT.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-12-29T23:52:39.000Z","updated_at":"2021-12-30T10:49:36.000Z","dependencies_parsed_at":"2023-05-14T16:15:13.941Z","dependency_job_id":null,"html_url":"https://github.com/duduCMT/React-Native-Lighteria","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/duduCMT%2FReact-Native-Lighteria","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/duduCMT%2FReact-Native-Lighteria/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/duduCMT%2FReact-Native-Lighteria/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/duduCMT%2FReact-Native-Lighteria/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/duduCMT","download_url":"https://codeload.github.com/duduCMT/React-Native-Lighteria/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244885531,"owners_count":20526293,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["alura","context-api","react","react-native","react-navigation"],"created_at":"2024-11-28T08:10:38.956Z","updated_at":"2025-12-30T23:55:26.152Z","avatar_url":"https://github.com/duduCMT.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Lighteria - React Native\n[![](https://img.shields.io/badge/version-0.0.1-yellow)](#) \n[![](https://img.shields.io/badge/license-MIT-green)](https://github.com/duduCMT/React-Native-Lighteria/blob/master/LICENSE) \n## 📸 Preview\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\".github/assets/img/preview01.gif\" style=\"height: 420px;\" /\u003e\n\u003c/p\u003e\n\n## 📝 **Descrição**\n\nA Lighteria é uma loja de Lâmpadas, Luzes e Luminárias decorativas para o seu ambiente. Com base nessa ideia, foi criado um aplicativo usando React Native para iniciar o seu e-commerce. \n\n## 🚀 **Objetivo**\n\nEsse projeto foi criado com o objetivo de criar um aplicativo simples que simula uma loja de lâmpadas, luzes e luminárias no geral. Possuindo as funções de exibição, seleção dos itens no carrinho (Sacola) e finalização da compra. Apesar de simples, o projeto cumpre o seu papel de explorar novas formas de design de apps e as principais features da [ContextAPI](https://pt-br.reactjs.org/docs/context.html) e do [React Navigation](https://reactnavigation.org/docs/getting-started/). Além disso, foi explorado os componentes da biblioteca [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons) para exibição dos ícones.\n\n## 📌 Nota importante!\nEsse app foi baseado no layout do projeto do curso \"React Native: Design System no seu app\" da Alura. Porém, o projeto original está incompleto e não funcional. Você pode conferir o repositório disponibilizado pela Alura [neste link](https://github.com/alura-cursos/CursoLayoutReactNativeAulas/tree/master). Ou seja, o projeto desse repositório atual é uma versão melhorada e completa da ideia inicial da Lighteria proposta pela Alura. Com mais features, libs extras e boas prática, além de possuir alguns toques especiais meus.\n\nAs imagens utilizadas no projeto foram disponibilizados gratuitamente pelo site [Pixabay](https://pixabay.com/pt/). As informações mockadas do projeto são meramente ilustrativas.\n\n## ✅ Features Funcionais\n- Exibição dos produtos disponíveis na Lighteria\n- Exibição dos detalhes dos produtos selecionados\n- Preview com mais detalhes da imagem do produto selecionado\n- Adição dos produtos comprados na sacola\n- Exibição e atualização dinâmica da quantidade de itens na sacola\n- Exibição do valor total da compra na sacola\n- Finalização da compra limpando a sacola\n\n## 📎 Exemplo da estrutura de Dados\n```javascript\n  {\n    id: '1',\n    titulo: 'Abajur',\n    imagem: require('../assets/images/01-abajur.png'),\n    estudio: 'Jim \u0026 Jill Designs',\n    itemName: 'Rústico',\n    preco: 92.1,\n    itemDesc:\n      'Feito com materiais rústicos sendo a fibra natural o principal deles. Pode ser usado tanto nos quartos, como na sala de estar.',\n  }\n````\n\n\n## 🔎 Teste Você Mesmo\n📌 **Pré requisitos:**\n1. Tenha o repositório baixado em sua máquina.\n2. Tenha o [NodeJS](https://nodejs.org/) instalado em sua máquina.\n3. Tenha o [React Native CLI](https://reactnative.dev/docs/environment-setup) instalado em sua máquina junto a um virtual device Android ou iOS.\n\n🚩 **Como Executar:**\n1. Com o terminal aberto no diretório do projeto, execute o comando `npm install` para instalar as dependências.\n2. Para executar o projeto você deve seguir os passos mostrados na documentação do [React Native CLI](https://reactnative.dev/docs/environment-setup). Dependendo do seu sistema operacional e plataforma de execução você deve usar comandos diferentes.\n3. Caso você queira testar no Windows usando um virtual device Android execute o comando: ` npx react-native run-android `. Em outro caso, consulte a documentação no item 1.\n\n## 📸 Preview das Telas\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\".github/assets/img/preview01.png\" style=\"height: 420px; margin-right: 8px\"\u003e\n  \u003cimg src=\".github/assets/img/preview02.png\" style=\"height: 420px; margin-right: 8px\"\u003e\n  \u003cimg src=\".github/assets/img/preview04.png\" style=\"height: 420px;\" /\u003e\n  \u003cimg src=\".github/assets/img/preview05.png\" style=\"height: 420px; margin-right: 8px\" /\u003e\n  \u003cimg src=\".github/assets/img/preview06.png\" style=\"height: 420px; margin-right: 8px\" /\u003e\n  \u003cimg src=\".github/assets/img/preview07.png\" style=\"height: 420px; \" /\u003e\n\u003c/p\u003e\n   \n\n\n\n\n\n\n\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fduducmt%2Freact-native-lighteria","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fduducmt%2Freact-native-lighteria","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fduducmt%2Freact-native-lighteria/lists"}