https://github.com/luiizsilverio/sleep-sounds

React Native + Styled-Components + React-native-bottom-sheet
https://github.com/luiizsilverio/sleep-sounds

expo react-native react-native-bottom-sheet styled-components

Last synced: 2 months ago
JSON representation

React Native + Styled-Components + React-native-bottom-sheet

• Host: GitHub
• URL: https://github.com/luiizsilverio/sleep-sounds
• Owner: luiizsilverio
• Created: 2024-01-31T23:35:24.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2024-02-24T13:33:24.000Z (over 2 years ago)
• Last Synced: 2025-03-27T12:33:44.220Z (about 1 year ago)
• Topics: expo, react-native, react-native-bottom-sheet, styled-components
• Language: TypeScript
• Homepage:
• Size: 8.24 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# SLEEP-SOUNDS 😴

Aplicação desenvolvida em React Native durante o curso [Design de Interfaces com React Native](https://www.udemy.com/course/design-de-interfaces-com-react-native/).


A interface do curso era mais simples e resolvi incrementá-la com o componente __React-Native-Bottom-Sheet__.


Esse componente cria uma __Action Bottom Sheet__, que nada mais é que um painel que pode ser arrastado de baixo para cima.





## 🚀 Tecnologias

- __React Native__ + __Expo__ + __Typescript__

- __React-Navigation__ para rotas do tipo Stack e Bottom Tab

- __Styled-Components__ para estilização

- __React-Native-Bottom-Sheet__ para o painel do tipo Bottom Sheet




## 📸 Screenshots

![](https://github.com/luiizsilverio/sleep-sounds/blob/master/src/assets/sleep.gif)

## 🚗 Iniciando a aplicação

```bash

$ git clone https://github.com/luiizsilverio/sleep-sounds

$ cd sleep-sounds

$ yarn

$ yarn start

```

## 📬 Contato

[![LinkedIn](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/luiz-s-de-oliveira-6b6067210)

[![E-mail](https://img.shields.io/badge/Gmail-D14836?style=for-the-badge&logo=gmail&logoColor=white)](mailto:luiiz.silverio@gmail.com)