• Stars
    star
    438
  • Rank 99,453 (Top 2 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created over 1 year ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Repositório contendo o código do app do RS/XP 2023

image

Rocketseat Experience 2023 - Mobile App

Repositório do app construído pela comunidade para o maior evento de programação do Brasil! 🇧🇷

Executando o projeto

Abaixo seguem as instruções para você executar o projeto na sua máquina.

Comece clonando o repositório e instalando suas dependências:

git clone https://github.com/diego3g/rsxp-2023
cd rsxp-2023
npm install

Back-end

O back-end desse projeto é construído em Node.js, mais especificamente sua versão LTS.

Você pode instalar o Node.js seguindo esse guia.

Além do Node.js, utilizamos o banco de dados PostgreSQL e recomendamos o uso do Docker para executar o banco em sua máquina.

Você pode instalar o Docker seguindo esse guia.

Nesse projeto, usamos o serviço de autenticação Clerk, e você precisará configurá-lo para rodar o projeto em sua máquina.

Você pode configurar o Clerk seguindo esse guia.

Após instalar o Node.js e o Docker, vamos acessar a pasta do projeto back-end, subir o serviço do banco de dados, configurar nossas variáveis ambiente e, então, subir o servidor HTTP.

cd apps/server

# Copiar o arquivo com os dados de conexão e demais variáveis ambiente
cp .env.example .env

# Subir o serviço do PostgreSQL via docker (caso não tenha instalado o PostgreSQL em seu computador)
docker-compose up -d

# Rodar as migrations do prisma
npx prisma migrate dev

# Subir o servidor HTTP
npm run start:dev

Mobile

Para executar o app mobile do RS/XP utilizamos o Expo, uma ferramenta incrível da comunidade React Native. Além do Expo, é necessário que você utilize algum emulador local ou um dispositivo físico pra visualizar a aplicação.

Você pode instalar o Expo e os emuladores seguindo esse guia.

Após configurar o ambiente mobile, você pode abrir o emulador e executar o projeto de acordo com a plataforma que estiver utilizando:

# Caso esteja usando Android
npm run android

# Caso esteja usando iOS
npm run ios

# Caso esteja usando um dispositivo físico
npm start

Links rápidos

Tech Stack 💜

A stack foi escolhida pela comunidade durante a live de kick-off.

📱 Mobile:

🏧 Server:

Funcionalidades 🚀

Até o momento, levando em consideração o prazo de 2 semanas (Due: 11/04/2023), listamos algumas funcionalidades básicas que devemos entregar. Caso sobre tempo, podemos trabalhar em funcionalidades secundárias, backlog.

Funcionalidades 1.0 (MVP):

  • Comprar ingresso Redirecionar o usuário para o Sympla para efetuar a compra.

  • Visualizar meu ingresso Uma vez que tenha o código localizador do ingresso emitido pelo Sympla, o usuário poderá conectar seu ingresso à sua conta no app e, dessa forma, terá acesso pelo app.

  • Compartilhar ingresso nas redes sociais Como uma forma de hypar o evento, o usuário poderá gerar uma imagem - thumbnail com sua foto para divulgar nas redes! #VouNaRSXP! 🚀💜

Funcionalidades 2.0:

  • Autenticação

  • Sistema de convites

    • Desconto p/ convidar
    • Brindes p/ quem mais convidar
  • Countdown pro evento

  • Dados gerais do evento

    • Localização
    • Data & Hora
  • FAQ - (Frequently Asked Questions / Perguntas Frequentes)

  • Feed de notícias Criar algo tipo um Twitter interno para evento. Tal aba será dedicada aos palestrantes ou organizadores para enviar avisos para os membros.

  • Lista dos palestrantes

Contribuições 🆘

Estamos muito felizes em ter vocês interessados em contribuir com nosso projeto. Queremos deixar claro que a participação de vocês é muito importante para o sucesso do nosso aplicativo, e valorizamos muito as ideias e contribuições que vocês podem trazer.

Para facilitar a interação entre todos, gostaríamos de lembrar alguns pontos importantes sobre como contribuir com nosso projeto:

Discussões

Utilizem a aba de discussões para compartilhar ideias e sugestões para o projeto. Essa é uma ótima maneira de começar uma discussão sobre algo que possa ser melhorado ou adicionado ao aplicativo.

Issues

Caso encontrem algum problema durante o uso do aplicativo ou queiram sugerir uma nova tarefa, utilizem a aba de issues. Lá, vocês podem postar as suas sugestões e reportar problemas encontrados. É importante lembrar que novas tarefas só devem ser criadas se a comunidade aprovar na aba de discussões.

Pull Requests

Se vocês quiserem contribuir com código, podem fazer um fork do repositório e trabalhar em suas próprias cópias. Quando finalizarem, enviem um pull request para que possamos revisar o código e integrar ao projeto principal.

#Dica 💡: Não tenha medo de fazer um Pull Request, utilize dessa oportunidade para receber críticas construtivas de outras pessoas acerca do seu código e melhore suas habilidades!

Conduta

Para que esse projeto prospere é preciso manter um ambiente saudável e respeitoso, Pedimos que leiam e sigam as nossas regras para garantir que todos possam contribuir em um ambiente agradável e produtivo.

Mais uma vez, queremos agradecer a vocês por estarem dispostos a contribuir com o nosso projeto. Estamos ansiosos para trabalhar com vocês e construir algo incrível juntos!

#JuntosParaOPróximoNível 🚀

Roadmap

  • MVP v1.0.0 📅 Meta: 11/04/2023 - Lançar o app com as funcionalidades listadas acima e acordadas durante a live de kick-off.

  • Só o tempo dirá... 👀

Contribuidores 😊

Licença 📃

MIT

More Repositories

1

rocketredis

A beautiful Redis GUI 🔥 (under development)
TypeScript
1,910
star
2

electron-typescript-react

:electron: An Electron boilerplate including TypeScript, React, Jest and ESLint.
JavaScript
1,437
star
3

video-to-reels

Automatically edit videos to post on Instagram Reels
JavaScript
663
star
4

umbriel

✉️ Umbriel is a simple mailing platform built with Node.js, TypeScript & Prisma.
TypeScript
517
star
5

node-microservices-ddd

🚢 Node.js microservice structure with DDD & Monorepo
TypeScript
491
star
6

responsive-native

A responsive utility toolkit for React Native 📱⚛
TypeScript
364
star
7

faladev

Meu site pessoal onde deixo todas minhas configurações atuais como do Visual Studio Code, Fish e informações sobre meu setup.
TypeScript
247
star
8

flowly

Flowly helps you document your event driven architecture across your team.
TypeScript
211
star
9

microservices-base-decode

Application made for the Decode #20 (Microservices fundaments)
TypeScript
186
star
10

mux-batch-import

Import a list of videos to Mux with ease 📹🔥
TypeScript
161
star
11

umbriel-dashboard

TypeScript
139
star
12

expo-pomodoro-app

⏰ App de Pomodoro construído durante o Meetup Frontend SP
JavaScript
135
star
13

diego3g

132
star
14

react-hooks-redux-example

Exemplo de aplicação utilizando React Hooks no Redux
HTML
131
star
15

ai-tools

ai-tools
TypeScript
128
star
16

performance-react

⚛️ Código produzido no workshop de "Performance com React" para o meetup Facebook Developers Circle
JavaScript
116
star
17

gcloud-node-video-transcoding

📹🔥 Transcode Google Cloud Storage video files with Node.js and FFmpeg
TypeScript
112
star
18

node-prisma-twitter

A Twitter clone made with Node.js, TypeScript and Prisma ❤️
TypeScript
99
star
19

react-data-fetching

TypeScript
97
star
20

react-native-responsive-hooks

TypeScript
91
star
21

react-unit-testing

TypeScript
65
star
22

next-aws

TypeScript
64
star
23

next-supabase-fullcycle

TypeScript
63
star
24

node-arch

TypeScript
60
star
25

ignite-lab-react

TypeScript
60
star
26

react-example-useswr

TypeScript
59
star
27

ignite-nitro-design

nitro2
TypeScript
55
star
28

webcontainers-test

livedocs
TypeScript
54
star
29

jamstack-next-graphcms

TypeScript
48
star
30

jivia-godot

An Action RPG created to learn Game Development.
GDScript
48
star
31

nextjs-chakra

NextJS studies with Chakra UI
TypeScript
41
star
32

serverless-typescript-starter

Starter pack to create serverless functions with TypeScript
JavaScript
38
star
33

05-design-system

Design system construído no Ignite
TypeScript
35
star
34

keycloak-nextjs-example

Example Next.js project with Keycloak authentication (SSR & Refresh Token)
TypeScript
34
star
35

react-webpack-swc

ReactJS webpack configuration example using SWC
JavaScript
34
star
36

blog-graphql-prisma

Back-end de um blog utilizando Node/GraphQL/Prisma.
TypeScript
32
star
37

next-and-cra-serverless

JavaScript
31
star
38

node-ffmpeg-hls-encryption

Some tests using FFMpeg to transcode video to multiple resolutions with AES-128 encryption.
TypeScript
29
star
39

next-basics

Created with StackBlitz ⚡️
TypeScript
27
star
40

nivo

Nivo helps you distributing fast and secure video content managing all the complex stuff to you.
TypeScript
26
star
41

graphql-nexus-example

Sample API developed with GraphQL Nexus, TypeScript and Prisma
TypeScript
25
star
42

video-nugget-creator

Tool to create "nuggets" from Youtube videos.
JavaScript
24
star
43

figma-jam-ui-react

Cloning the Figma Jam UI with React
TypeScript
24
star
44

jivia

2D RPG Game with React + Electron
JavaScript
23
star
45

nextjs-dogs

JavaScript
22
star
46

dokr

Fala galera da live de React
JavaScript
21
star
47

pulumi-lambda-mail-queue

TypeScript
20
star
48

project-template-next.js

Next.js template for CodeSandbox Projects
TypeScript
20
star
49

vitest-decorators

vitest-decorators
TypeScript
17
star
50

node-deploy

node-deploy
TypeScript
16
star
51

nest-sls-starter

A simple NestJS Serverless starter
15
star
52

tars

Gamification bot made with Rust (Just studying)
Rust
15
star
53

remix-on-cloudflare-pages

TypeScript
14
star
54

context-example

TypeScript
13
star
55

node-queue-benchmarks

JavaScript
12
star
56

next-graphql-codegen

TypeScript
11
star
57

tedx-app

Aplicativo do TEDx em Rio do Sul
JavaScript
11
star
58

setup-next-13-neon

TypeScript
10
star
59

test-meilisearch

TypeScript
8
star
60

nextvercel

JavaScript
7
star
61

large-json-node-stream-process

Process large JSON inputs with Streams in Node.js
TypeScript
5
star
62

test-figma-tokens

figma-tokens
JavaScript
5
star
63

searchable-react-select

A simple React searchable select using Radix UI
TypeScript
3
star
64

cranetlify

TypeScript
1
star