https://github.com/jacksonsantin/happy_nlw3

Projeto desenvolvido durante o workshop da Rocketseat, o NLW#3, com o objetivo de cadastrar orfanatos nas cidades para que as pessoas possam levar alegria para a criançada :D
https://github.com/jacksonsantin/happy_nlw3

axios cors expo expo-image-picker express express-async-errors imagepicker multer react react-icons react-leaflet react-native react-native-maps sqlite3 typeorm typescript yup

Last synced: about 1 month ago
JSON representation

Projeto desenvolvido durante o workshop da Rocketseat, o NLW#3, com o objetivo de cadastrar orfanatos nas cidades para que as pessoas possam levar alegria para a criançada :D

• Host: GitHub
• URL: https://github.com/jacksonsantin/happy_nlw3
• Owner: JacksonSantin
• License: mit
• Created: 2021-07-02T13:23:01.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2023-07-27T12:46:28.000Z (over 1 year ago)
• Last Synced: 2023-07-27T13:57:04.735Z (over 1 year ago)
• Topics: axios, cors, expo, expo-image-picker, express, express-async-errors, imagepicker, multer, react, react-icons, react-leaflet, react-native, react-native-maps, sqlite3, typeorm, typescript, yup
• Language: TypeScript
• Homepage: https://curriculum-vitae-jacksonsantin.vercel.app
• Size: 22.1 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


    



---

 

	Happy: 


	Leve felicidade para o mundo 😊 



---



  

  

  

    

  





    





 Sobre •

 Layout • 

 Como está dividido o projeto • 

 Tecnologias •  

 Autor 



## 💻 Sobre o projeto

**Happy_NLW3** - O Happy é uma aplicação que conecta pessoas à casas de acolhimento institucional para fazer o dia de muitas crianças mais feliz ❤️

Projeto desenvolvido durante a terceira edição da **NLW - Next Level Week** oferecida pela @rocketseat.

O NLW é uma experiência online com muito conteúdo prático, oferecido de forma gratuita, onde o único objetivo é te levar para o próximo nível.

---

## 🎨 Layout

O layout da aplicação está disponível no Figma:



  





  



---

## 🚀 Como está dividido o projeto

Este projeto é divido em três partes:

1. Backend (pasta server)

2. Frontend (pasta web)

3. Mobile (pasta mobile)

💡Tanto o Frontend quanto o Mobile precisam que o Backend esteja sendo executado para funcionar.

### Pré-requisitos

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas:

[Git](https://git-scm.com), [Node.js](https://nodejs.org/en/) + NPM, [Yarn](https://yarnpkg.com/) e [Expo](https://expo.io/).

Além disto é importante ter um bom editor para trabalhar com o código, sugiro o [VSCode](https://code.visualstudio.com/)

Você também pode utilizar uma ferramenta para poder consumir a API backend, para esse projeto, utilizamos o [Insomnia](https://insomnia.rest/).

---

## 🛠 Tecnologias

As seguintes ferramentas foram usadas na construção do projeto:

#### **Web** ([React](https://reactjs.org/) + [TypeScript](https://www.typescriptlang.org/))

- **[React Router Dom](https://github.com/ReactTraining/react-router/tree/master/packages/react-router-dom)**

- **[Axios](https://github.com/axios/axios)**

- **[React-Leaflet](https://react-leaflet.js.org/)**

> Veja o arquivo [package.json](https://github.com/JacksonSantin/happy_NLW3/blob/master/web/package.json)

#### **Backend** ([NodeJS](https://nodejs.org/en/) + [TypeScript](https://www.typescriptlang.org/))

- **[Express](https://expressjs.com/)**

- **[CORS](https://expressjs.com/en/resources/middleware/cors.html)**

- **[express-async-errors](https://github.com/davidbanham/express-async-errors#readme)**

- **[multer](https://github.com/expressjs/multer#readme)**

- **[TypeORM](https://typeorm.io/)**

- **[SQLite](https://github.com/mapbox/node-sqlite3)**

- **[Yup](https://github.com/jquense/yup)**

- **[ts-node-dev](https://github.com/wclr/ts-node-dev#readme)**

> Veja o arquivo [package.json](https://github.com/JacksonSantin/happy_NLW3/blob/master/backend/package.json)

#### **Mobile** ([React Native](http://www.reactnative.com/) + [TypeScript](https://www.typescriptlang.org/))

- **[Expo](https://expo.io/)**

- **[Expo Google Fonts](https://github.com/expo/google-fonts)**

- **[ImagePicker](https://docs.expo.io/versions/latest/sdk/imagepicker/)**

- **[React Navigation](https://reactnavigation.org/)**

- **[Axios](https://github.com/axios/axios)**

> Veja o arquivo [package.json](https://github.com/JacksonSantin/happy_NLW3/blob/master/mobile/package.json)

#### **Utilitários**

- Protótipo: **[Figma](https://www.figma.com/)**

- Editor: **[Visual Studio Code](https://code.visualstudio.com/)** → Extensions: **[SQLite](https://marketplace.visualstudio.com/items?itemName=alexcvzz.vscode-sqlite)**

- Markdown: **[Markdown Emoji](https://gist.github.com/rxaviers/7360908)**

- Ícones: **[Feather Icons](https://feathericons.com/)**

- Fontes: **[Nunito](https://fonts.google.com/specimen/Nunito)**

---

## 🦸 Autor


Jackson Dhanyel Santin

[![Linkedin Badge](https://img.shields.io/badge/-Linkedin-0077b5?style=flat-square&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/jackson-dhanyel-santin/)](https://www.linkedin.com/in/jackson-dhanyel-santin/)

[![Twitter Badge](https://img.shields.io/badge/-Twitter-1ca0f1?style=flat-square&labelColor=1ca0f1&logo=twitter&logoColor=white&link=https://twitter.com/DhanyelJack)](https://twitter.com/DhanyelJack)

[![Gmail Badge](https://img.shields.io/badge/-Gmail-c71610?style=flat-square&logo=Gmail&logoColor=white&link=mailto:[email protected])](mailto:[email protected])

---

Feito com ❤️ por Jackson Dhanyel Santin 👋🏽 [Entre em contato!](https://curriculum-vitae-jacksonsantin.vercel.app/contato)

Consulte informações sobre a licença do projeto [MIT](https://github.com/JacksonSantin/happy_NLW3/blob/master/LICENSE).

---