A junction between the application of the knowledge acquired throughout the study of ReactJs and a brief minimalist redesign of the Whatsapp application in its desktop version.

Last update: Feb 21, 2022

Whatsapp Clone Whatsapp icon

Tecnologias   |    Projeto   |    Use   

TWhatsappClone Preview

🚀 Tecnologias

Esta aplicação foi desenvolvida com as seguintes tecnologias:

  • HTML 5
  • CSS 3
  • JavaScript
  • React
  • Firebase

💻 Projeto

Esta aplicação tem como intuito fortificar os conhecimentos adquiridos ao longo do estudo de `ReactJs`. A mesma conta com sistema de mensagens em tempo real e possibilidade de escrita por transcricao via áudio. Os métodos de logins se dão por três tipos:

  • Facebook
  • Google
  • Github

Facilitando assim, o acesso pelo usuario.

O projeto teve como finalidade o clone idêntico ao aplicativo de mensagens whatsapp em sua interface atual. Porem, para ir um pouco além, foi implementado um possível redesign da aplicação como um todo.

💡 Use

Acesse

Clique aqui para acessar a aplicação.

Rode em sua máquina

  • Clone este repositorio:
$ git clone https://github.com/ErnaneJ/WhatsappClone.git
  • Instale todas as dependências:
$ npm install
  • Inicie a aplicação:
$ npm start
* Se voce desejar implementar ou melhorar alguma feature fique avontade para enviar uma solicitacao de pull. Irei adorar receber!.

Desenvolvido com por Ernane Ferreira. 👋🏻
Interface baseada na Whatsapp redesign UI KIT desenvolvido por 2muchcoffee.

GitHub

https://github.com/ErnaneJ/WhatsappClone
You might also like...

Netflix-clone - Netflix UI Clone with ReactJS for study purposes

Netflix-clone - Netflix UI Clone with ReactJS for study purposes

Netflix UI Clone with ReactJS for study purposes Images about project:

Jun 2, 2022

Responsive whatsapp clone using React (Typescript), tailwindcss and firebase

Responsive whatsapp clone using React (Typescript), tailwindcss and firebase

Responsive whatsapp clone using React (Typescript), tailwindcss and firebase

Aug 2, 2022

Clone of the current Whatsapp Web UI.

Clone of the current Whatsapp Web UI.

Jul 29, 2022

An example of a WhatsApp UI clone using Ionic React

An example of a WhatsApp UI clone using Ionic React

ionic-react-whatsapp-clone An example of a WhatsApp UI clone using Ionic React (Dark Mode, IOS only... for now) If you'd like to support, you can buy

Apr 3, 2022

Tauri and ReactJS boilerplate for a modern desktop application

Tauri and ReactJS boilerplate for a modern desktop application

Tauri & ReactJS boilerplate for a modern desktop application. Not a project nor a substitute tutorial for my video tutorials.

Jul 31, 2022

MyClinic is minimalist website with Flask restful/SQLAlchemy, ReactTS and Tailwind

MyClinic is minimalist website with Flask restful/SQLAlchemy, ReactTS and Tailwind

MyClinic Don't worry, it is only the HTML text that is in French. Home Page Search Introduction I had to pass a technical test a few times ago to test

Mar 14, 2022

Minimalist web interface for qBitTorrent. Implemented using React, Typescript and Mantine

Minimalist web interface for qBitTorrent. Implemented using React, Typescript and Mantine

QBitUI! Minimalist web interface for qBitTorrent. Implemented using React, Typescript and Mantine. Features Basic torrent management: Add, Pause, Resu

Jul 16, 2022

Kanji Display is a web application designed to help you study the japanese characters

Kanji Display Kanji Display is a web application designed to help you study the japanese characters known as 漢字(kanjis). Usage Search bar Use the sear

Mar 11, 2022

🎵 The frontend of Oud, an online music streaming service that is a high quality clone of Spotify with all its functionalities built using ReactJS, React-Router, Bootstrap.

🎵 The frontend of Oud,  an online music streaming service that is a high quality clone of Spotify with all its functionalities built using ReactJS, React-Router, Bootstrap.

Oud Front-End Table of Contents About the Project Build with Getting Started Installation Running Screenshots Videos File Structure Unit Testing Runni

Jul 29, 2022
A small web app that tries to imitate the desktop web version of amazon site
A small web app that tries to imitate the desktop web version of amazon site

A small web app that tries to imitate the desktop web version of amazon site, you can add items to the basket, delete them, and have your user authentication feature thanks to Firebase.

Jun 26, 2022
A Whatsapp Clone which built with reactJS. You can sign in with your Google Account and you can chat in real time.

Whatsapp Clone with ReactJS In this app you can create a simple chat room and send messages to each other using our google accounts in the room. Whats

Nov 24, 2021
A weather app done with React. Allows you to make a search for the current weather by simply typing "common knowledge" cities and save them to favourites on local storage.
A weather app done with React. Allows you to make a search for the current weather by simply typing

Simpliest Weather React-App A weather app done with React. Allows you to make a search for the current weather by simply typing "common knowledge" cit

May 24, 2022
React Todo List - This project helps to consolidate my knowledge about React, components, props, state, and hooks
React Todo List - This project helps to consolidate my knowledge about React, components, props, state, and hooks

React Todo List This project helps to consolidate my knowledge about React, components, props, state, and hooks, by following a tutorial. Screenshot B

Jun 8, 2022
Codemore is the open platform to help you enhance your problem solving skill, expand your knowledge of data structures and algorithms.

Platform to help you enhance your problem solving skills, expand your knowledge of data structures and algorithms.

Jun 8, 2022
I had cloned the home UI of whatsapp using ReactJS

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Nov 8, 2021
Clonando whatsapp wep com ReactJS + Firebase

CLONANDO WHATSAPP WEB ?? ?? Clone do Whatsapp Web usando React JS e Firebase Este projeto consiste em praticar e aprender com o clone do whatsapp web

Jun 23, 2022
YouTube clone/redesign built using React.js

YouTube Clone Redesign NPM Commands

Sep 15, 2021
Minimalist ToDo app built using ReactJS, Framer Motion and Chakra UI.
Minimalist ToDo app built using ReactJS, Framer Motion and Chakra UI.

Track your productive time Libraries used ReactJS Chakra UI Framer Motion Features Track your session stats Check out how productive you are in each s

Jun 12, 2022
A whatsapp clone progressive web application built with react nodejs and firebase
A whatsapp clone progressive web application built with react nodejs and firebase

WhatsappyApp is a whatsapp clone progressive web application built with react nodejs and firebase it allows you to send messages talk with people and serach for them and many more.

Aug 7, 2022