Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/solrachix/messenger-rn-clone
Clone do Facebook messenger com React Native.
https://github.com/solrachix/messenger-rn-clone
app clone expo messenger messenger-clone mobile react-native styled-components
Last synced: about 1 month ago
JSON representation
Clone do Facebook messenger com React Native.
- Host: GitHub
- URL: https://github.com/solrachix/messenger-rn-clone
- Owner: solrachix
- License: mit
- Created: 2020-03-14T20:14:02.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-26T18:13:55.000Z (almost 2 years ago)
- Last Synced: 2024-05-28T23:43:11.720Z (7 months ago)
- Topics: app, clone, expo, messenger, messenger-clone, mobile, react-native, styled-components
- Language: JavaScript
- Homepage:
- Size: 2.06 MB
- Stars: 13
- Watchers: 2
- Forks: 3
- Open Issues: 16
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## Messenger Clone
> Projeto em desenvolvimento nos tempos livres
Este projeto tem como objetivo os estudos e a prática.
___________
### Abas
| Nome | Feito | Parcialmente feito | Não feito |
| ------------ | ------------ | ------------ | ------------ |
| Peoples | :heavy_check_mark: | | |
| Camera || :heavy_check_mark: | |
| Story || :heavy_check_mark: | |
| Chats || :heavy_check_mark: | |
| Ajustes | :heavy_check_mark: | | |
___________
### Temas
Projeto desenvolvido com suporte a criação facil de novos temas customizados.
Instruções de criação
Na pasta aonde deve ser colocado os temas
> https://github.com/solrachix/Messenger-RN-Clone/tree/master/src/styles/themes
``` jsx
export default {
title: 'Dark',
colors: {
primary: '#007dff',
secundary: '#282a36',
tertiary: '#44475a',
quarterly: '#aeaeb0',
background: '#101010',
text: '#6272a4',
placeholder: '#959698',
Cyan: '#8be9fd',
Green: '#50fa7b',
Orange: '#ffb86c',
Pink: '#ff79c6',
Purple: '#bd93f9',
Red: '#ff5555',
Yellow: '#f1fa8c',
}
};
```
Temas Padrôes
Pasta aonde deve ser encontrado os temas
> https://github.com/solrachix/Whatsapp-RN-Clone/tree/master/src/styles/themes
___________
### Feito Com:
> Tecnologias do React Native!
React Native - Um framework para o desenvolvimento de aplicações mobile usando Javascript + React;
React Native Gesture Handler - Uma API que permite a manipulação de gestos e toques no React Native;
React Native Reanimated - O React Native Reanimated fornece uma abstração mais abrangente e de baixo nível para que a API da biblioteca Animated seja construída sobre ela e, portanto, permite uma flexibilidade muito maior, especialmente quando se trata de interações baseadas em gestos;
React Navigation - Roteamento e navegação para aplicativos React Native;
Styled Components - Permite escrever código CSS real ao estilo de seus componentes;
Moment - Analise, valide, manipule e exiba datas e horas em JavaScript.
___________
## Instalação
#### Pré-requisitos:
Ter o NodeJS instalado, um gerenciar de pacotes NPM ou YARN e o Expo CLI configurado;
#### Clone o repositório:
git clone https://github.com/solrachix/Messenger-RN-Clone.git
#### Instalar as dependências:
npm install ou yarn
#### Inicie o projeto
expo start