Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/arthur-llevy/simbora-web

Site do projeto Simbora - Projeto Integrador
https://github.com/arthur-llevy/simbora-web

javascript nextjs typescript

Last synced: 8 days ago
JSON representation

Site do projeto Simbora - Projeto Integrador

Awesome Lists containing this project

README

        

# Simbora - Web
### [Portuguese-version]
O Simbora é um projeto desenvolvido na cadeira de Projeto Integrador I, do curso de Sistemas para Internet, onde o foco principal era pensar e prototipar uma solução digital com foco em algum dos Objetivos de desenvolvimento Sustentável - ODSs e também para a equipe aperfeiçoar outras habilidades como tabela __SWOT__, __Lean Canvas__, entre outras. Com isso em mente, tal projeto foi criado.

## O que é o Simbora?
O Simobra é um site onde pessoas podem se reunir participando de eventos criados por outras pessoas, como competições e palestras ao ar livre

## Funcionalidades - (até o momento)
- [x] - Cadastro
- [x] - Login
- [x] - Pesquisa de eventos
- [x] - Criação de eventos

## Stack
Front-end:


![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white) ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white) ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)

![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white) ![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB) ![Styled Components](https://img.shields.io/badge/styled--components-DB7093?style=for-the-badge&logo=styled-components&logoColor=white)

Back-end:

Acesse o repositório do back-end clicando [aqui](https://github.com/Arthur-Llevy/simbora-api)


![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E) ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white) ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white)

![Fastify](https://img.shields.io/badge/fastify-%23000000.svg?style=for-the-badge&logo=fastify&logoColor=white) ![Prisma](https://img.shields.io/badge/Prisma-3982CE?style=for-the-badge&logo=Prisma&logoColor=white)

## Como rodar o projeto?
1. Baixe o projeto em sua máquina com o seguinte comando
```bash
git clone [email protected]:Arthur-Llevy/simbora-web.git
```

2. Vá para a pasta do projeto
```bash
cd simbora-web/
```

3. Baixe as depedências
```bash
npm i
```

4. Inicie o projeto
```bash
npm run dev
```

5. Acesse o link: [http://localhost:5173/](http://localhost:5173/)
Pronto, tudo funcionando!

É isso, obrigado!

---

# Simbora - Web
### [English-version]
Simbora is a project developed in the Integrator Project I course, of the Internet Systems course, where the main focus was to think and prototype a digital solution with a focus on one of the Sustainable Development Goals - SDGs and also for the team to improve other skills such as __SWOT__ table, __Lean Canvas__, among others. With this in mind, such a project was created.

## What is Simbora?
Simobra is a website where people can come together by participating in events created by other people, such as competitions and outdoor talks

## Features - (so far)
- [x] - Registration
- [x] - Login
- [x] - Event search
- [x] - Event creation

## Stack
Frontend:



![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white) ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white) ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)

![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white) ![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB) ![Styled Components](https://img.shields.io/badge/styled--components-DB7093?style=for-the-badge&logo=styled-components&logoColor=white)

Back-end:

Access the back-end repository by clicking [here](https://github.com/Arthur-Llevy/simbora-api)


![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E) ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white) ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white)

![Fastify](https://img.shields.io/badge/fastify-%23000000.svg?style=for-the-badge&logo=fastify&logoColor=white) ![Prisma](https://img.shields.io/badge/Prisma-3982CE?style=for-the-badge&logo=Prisma&logoColor=white)

1. Download the project to your machine with the following command
```bash
git clone [email protected]:Arthur-Llevy/simbora-web.git
```

2. Go to the project folder
```bash
cd simbora-web/
```

3. Download the dependencies
```bash
npm i
```

4. Start the project
```bash
npm run dev
```

5. Go to the link: [http://localhost:5173/](http://localhost:5173/)
That's it, you're up and running!

That's it, thank you!