{"id":24870999,"url":"https://github.com/jsexpertcoder/nlw-unite-react-native","last_synced_at":"2025-10-13T22:16:36.374Z","repository":{"id":231405708,"uuid":"781716635","full_name":"JsExpertCoder/nlw-unite-react-native","owner":"JsExpertCoder","description":"NLW Unite \u003cReact Native /\u003e - 2024","archived":false,"fork":false,"pushed_at":"2024-12-21T20:07:30.000Z","size":420,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-25T04:42:03.747Z","etag":null,"topics":["asyncstorage","expo-router","javascript","nativewind","nlw","qrcode","react","react-native","rocketseat","tailwindcss","typescript","zustand"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/JsExpertCoder.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2024-04-03T22:46:25.000Z","updated_at":"2024-12-21T20:07:34.000Z","dependencies_parsed_at":"2024-12-21T21:19:46.356Z","dependency_job_id":"c60fc9cf-c7db-4298-9aef-294065809aec","html_url":"https://github.com/JsExpertCoder/nlw-unite-react-native","commit_stats":null,"previous_names":["jsexpertcoder/-nlw-unite-react-native-"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/JsExpertCoder/nlw-unite-react-native","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JsExpertCoder%2Fnlw-unite-react-native","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JsExpertCoder%2Fnlw-unite-react-native/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JsExpertCoder%2Fnlw-unite-react-native/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JsExpertCoder%2Fnlw-unite-react-native/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/JsExpertCoder","download_url":"https://codeload.github.com/JsExpertCoder/nlw-unite-react-native/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JsExpertCoder%2Fnlw-unite-react-native/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279017157,"owners_count":26085983,"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","status":"online","status_checked_at":"2025-10-13T02:00:06.723Z","response_time":61,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["asyncstorage","expo-router","javascript","nativewind","nlw","qrcode","react","react-native","rocketseat","tailwindcss","typescript","zustand"],"created_at":"2025-02-01T04:19:05.352Z","updated_at":"2025-10-13T22:16:36.354Z","avatar_url":"https://github.com/JsExpertCoder.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003ca href=\"\" rel=\"noopener\"\u003e\n \u003cimg src=\"./mobile/src/assets/logo.png\" alt=\"Project logo\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\u003ch1 align=\"center\"\u003epass.in\u003c/h1\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n[![Status](https://img.shields.io/badge/status-active-success.svg)]() \u003cbr\u003e\u003cbr\u003e\n[Português](#pt) / [English](#en)\n\u003c/div\u003e\n\n---\n# Português \u003ca name = \"pt\"\u003e\u003c/a\u003e\n\n## 📝 Tabela de conteúdos\n\n- [Sobre](#about_pt)\n- [Iniciando a aplicação](#getting_started_pt)\n- [Estrutura do projeto](#project_structure_pt)\n- [Deploy](#deployment_pt)\n- [Usando](#usage_pt)\n- [Tecnologias](#built_using_pt)\n- [Contactos](#contact)\n\n## 🧐 Sobre \u003ca name = \"about_pt\"\u003e\u003c/a\u003e\nO pass.in é uma aplicação de **gestão de participantes em eventos presenciais**.\nA versão mobile permite aos participantes emitirem uma credencial em forma de QR-Code para check-in no dia do evento..\n \u003cbr /\u003e\n Ele foi construído durante o evento \"Next Level Week Unite\" da Rocketseat, na trilha de React Native. \u003cbr /\u003e\nA aplicação foi construída utilizando Typescript, tailwindcss, zustand nativewind e outras tecnologias. \u003cbr /\u003e\n\n## 🏁 Iniciando a aplicação \u003ca name = \"getting_started_pt\"\u003e\u003c/a\u003e\nEssas instruções vão te permitir obter uma cópia do projeto e rodar a aplicação localmente para propósitos de desenvolvimento e teste.\n\n### Pre-requisitos\nPara rodar a aplicação, você precisa ter o Node.js instalado na sua máquina. Você pode baixar o Node.js [aqui](https://nodejs.org/en/).\n\u003cbr/\u003e\nVocê também precisa ter o Git instalado na sua máquina. Você pode baixar o Git [aqui](https://git-scm.com/).\n\n\n\n### Instalação\nPara acessar o projeto, basta clonar o repositório ou realizar o download dos arquivos do projeto.\u003cbr\u003e\nPara clonar o repositório, utilize o seguinte comando no seu terminal:\n\n```sh\nhttps://github.com/JsExpertCoder/nlw-unite-react-native.git\n```\n\nApós clonar o repositório, acesse a pasta **mobile** e instale as dependências utilizando o seguinte comando no seu terminal:\n\n```sh\nnpm install\n```\n\nApós instalar as dependências da pasta **mobile** você pode rodar o app  utilizando o seguinte comando no seu terminal(**estando na pasta mobile**):\n\n```sh\nnpx expo start\n```\nApós isso, basta teres instalado o app **Expo Go** no dispositivo físico e fazer scan do QR-Code que aprecer no terminal. Você pode encontrar o **Expo Go** na loja do seu Smartphone [aqui](https://docs.expo.dev/get-started/expo-go/#install-expo-go-on-your-device).\n\nDepois disso acesse a pasta **server** e instale as dependências utilizando o seguinte comando no seu terminal:\n\n```sh\nnpm install\n```\n\nApós instalar as dependências da pasta **server**, ainda estando nesta pasta utilize o seguinte comando no seu terminal para iniciar o servidor:\n\n```sh\nnpm run dev\n```\n\nApós rodar o servidor, você pode acessar uma interface gráfica pra visualizar os dados no banco de dados rodadndo o seguinte comando no ser terminal (**na pasta server**):\n\n```sh\nnpx prisma studio\n```\n\nCom isso, o servidor estará rodando em \u003ccode\u003ehttp://localhost:3333\u003c/code\u003e, e o Prisma Studio (a interface gáfica para a base do dados) em \u003ccode\u003ehttp://localhost:5555\u003c/code\u003e, para acessar, basta acessar esse endereço no seu navegador.\n\n## ⛏️ Tecnologias \u003ca name = \"built_using_pt\"\u003e\u003c/a\u003e\n \n- [ReactJS](https://reactjs.org/) - Biblioteca de JavaScript para construção de interfaces.\n- [React Native](https://reactnative.dev/) - Uma framework poderosa desenvolvida pelo Facebook que permite aos desenvolvedores construir aplicativos móveis utilizando JavaScript.\n- [Expo](https://docs.expo.dev/) - Ferramenta utilizada no desenvolvimento mobile com React Native.\n- [TypeScript](https://www.typescriptlang.org/) - Superset de JavaScript que adiciona tipagem estática ao código.\n- [Zustand](https://zustand-demo.pmnd.rs/) - Biblioteca minimalista e prática para gerenciamento de estados no React e React Native.\n- [Nativewild](https://www.nativewind.dev/v4/getting-started/expo-router) - Usa Tailwind CSS como linguagem de script para criar um sistema de estilo universal para React Native.\n- [Tailwind](https://tailwindcss.com) - Framework de estilização.\n\n## Contactos \u003ca name = \"contact\"\u003e\n\n[![Linkedin Badge](https://img.shields.io/badge/-Linkedin-blue?style=flat-square\u0026logo=Linkedin\u0026logoColor=white\u0026link=https://www.linkedin.com/in/orodrigogo/)](https://www.linkedin.com/in/f%C3%A1bio-nicolau-97bab92b3/) \n[![Gmail Badge](https://img.shields.io/badge/-misterjs24700@gmail.com-c14438?style=flat-square\u0026logo=Gmail\u0026logoColor=white\u0026link=mailto:misterjs247000@gmail.com)](mailto:misterjs247000@gmail.com)\n\n\n# English \u003ca name = \"en\"\u003e\u003c/a\u003e\n\n## 📝 Table of Contents\n\n- [About](#about_en)\n- [Getting Started](#getting_started_en)\n- [Project Structure](#project_structure_en)\n- [Deployment](#deployment_en)\n- [Usage](#usage_en)\n- [Technologies](#built_using_en)\n- [Contact](#contact_en)\n\n## 🧐 About \u003ca name = \"about_en\"\u003e\u003c/a\u003e\nPass.in is an application for **managing participants in offline events**. The mobile version allows participants to issue a QR-Code credential for check-in on the day of the event. It was built during Rocketseat's \"Next Level Week Unite\" event, on the React Native track. The application was built using TypeScript, tailwindcss, zustand, nativewind, and other technologies.\n\n## 🏁 Getting Started \u003ca name = \"getting_started_en\"\u003e\u003c/a\u003e\nThese instructions will get you a copy of the project up and running on your local machine for development and testing purposes.\n\n### Prerequisites\nTo run the application, you need to have Node.js installed on your machine. You can download Node.js [here](https://nodejs.org/en/). You also need to have Git installed on your machine. You can download Git [here](https://git-scm.com/).\n\n### Installation\nTo access the project, simply clone the repository or download the project files. To clone the repository, use the following command in your terminal:\n\n```sh\nhttps://github.com/JsExpertCoder/nlw-unite-react-native.git\n```\nAfter cloning the repository, access the **mobile** folder and install the dependencies using the following command in your terminal:\n\n```sh\nnpm install\n```\n\nAfter installing the dependencies of the **mobile** folder, you can run the app using the following command in your terminal (**being in the mobile folder**):\n\n```sh\nnpx expo start\n```\n\nAfter this, just make sure you have the Expo Go app installed on your physical device and scan the QR-Code that appears in the terminal. You can find the Expo Go in the app store of your smartphone [here](https://docs.expo.dev/get-started/expo-go/#install-expo-go-on-your-device).\n\nThen, navigate to the **server** folder and install the dependencies using the following command in your terminal:\n```sh\nnpm install\n```\nAfter installing the dependencies of the **server** folder, still being in this folder, use the following command in your terminal to start the server:\n\n```sh\nnpm run dev\n```\n\nAfter running the server, you can access a graphical interface to visualize the data in the database by running the following command in your terminal (**in the server folder**):\n\n```sh\nnpx prisma studio\n```\n\nWith that, the server will be running at \u003ccode\u003ehttp://localhost:3333\u003c/code\u003e, and the Prisma Studio (the graphical interface) at \u003ccode\u003ehttp://localhost:5555\u003c/code\u003e, to access, just access this address in your browser.\n\n## ⛏️ Technologies \u003ca name = \"built_using_en\"\u003e\u003c/a\u003e\n\n- [ReactJS](https://reactjs.org/) - JavaScript library for building user interfaces.\n- [React Native](https://reactnative.dev/) - A powerful framework developed by Facebook that allows developers to build mobile apps using JavaScript.\n- [Expo](https://docs.expo.dev/) - Tool used in mobile development with React Native.\n- [TypeScript](https://www.typescriptlang.org/) - A superset of JavaScript that adds static typing to the language.\n- [Zustand](https://zustand-demo.pmnd.rs/) - A minimalist and practical state management library for React and React Native.\n- [Nativewild](https://www.nativewind.dev/v4/getting-started/expo-router) - Uses Tailwind CSS as a scripting language to create a universal styling system for React Native.\n- [Tailwind](https://tailwindcss.com) - A utility-first CSS framework.\n\n## Contacts \u003ca name = \"contact_en\"\u003e\n\n[![Linkedin Badge](https://img.shields.io/badge/-Linkedin-blue?style=flat-square\u0026logo=Linkedin\u0026logoColor=white\u0026link=https://www.linkedin.com/in/orodrigogo/)](https://www.linkedin.com/in/f%C3%A1bio-nicolau-97bab92b3/) \n[![Gmail Badge](https://img.shields.io/badge/-misterjs24700@gmail.com-c14438?style=flat-square\u0026logo=Gmail\u0026logoColor=white\u0026link=mailto:misterjs247000@gmail.com)](mailto:misterjs247000@gmail.com)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjsexpertcoder%2Fnlw-unite-react-native","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjsexpertcoder%2Fnlw-unite-react-native","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjsexpertcoder%2Fnlw-unite-react-native/lists"}