Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/solrachix/whatsapp-rn-clone
Recreating / redesigning Whatsapp on almost all platforms.
https://github.com/solrachix/whatsapp-rn-clone
clone expo react-native styled-components whatsapp
Last synced: 3 days ago
JSON representation
Recreating / redesigning Whatsapp on almost all platforms.
- Host: GitHub
- URL: https://github.com/solrachix/whatsapp-rn-clone
- Owner: solrachix
- Created: 2020-02-27T14:20:06.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-01-06T06:58:48.000Z (almost 2 years ago)
- Last Synced: 2024-05-29T19:27:27.724Z (6 months ago)
- Topics: clone, expo, react-native, styled-components, whatsapp
- Language: JavaScript
- Homepage:
- Size: 31.6 MB
- Stars: 3
- Watchers: 1
- Forks: 1
- Open Issues: 28
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Whatsapp Clone
> Projeto em desenvolvimento
Este projeto tem como objetivo os estudos e a prática.
___________
### Abas
| Nome | Feito | Parcialmente feito | Não feito |
| ------------ | ------------ | ------------ | ------------ |
| React Native || :heavy_check_mark: | |
| Calls || :heavy_check_mark: | |
| Camera || :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/Whatsapp-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/Nubank-RN-Clone.git
#### Instalar as dependências:
npm install ou yarn
#### Inicie o projeto
expo start