Discord's detailed user interface developed with ReactJS

About The Project   |    Technologies   |    Getting Started   |    How To Contribute   |    License

👨🏻‍💻 About the project

This is a project that consists of creating a clone of the Discord website that was conceived from an online class. The project was developed in ReactJS together with TypeScript and other tools.

In addition to the UI that looks like Discord, some features were created in the project, including being able to type and view messages in real time, giving a more realistic and interactive appearance.

🚀 Technologies

Technologies that I used to develop this frontend app

• ReactJS
• TypeScript
• React-Icons
• Styled-Icons
• React-Tooltip
• Styled-Components
• VS Code with EditorConfig and Prettier RC

💻 Getting started

Requirements

• Node.js
• Yarn or npm

Clone the project and access the folder

$ git clone https://github.com/eltonlazzarin/discord-clone.git

$ cd discord-clone

Follow the steps below

# Install the dependencies
$ npm i

# Run the web app
$ npm start

🤔 How to contribute

Follow the steps below

# Clone your fork
$ git clone https://github.com/eltonlazzarin/discord-clone.git

$ cd discord-clone

# Create a branch with your feature
$ git checkout -b your-feature

# Make the commit with your changes
$ git commit -m 'feat: Your new feature'

# Send the code to your remote branch
$ git push origin your-feature

After your pull request is merged, you can delete your branch

📝 License

This project is under the MIT license. See the LICENSE for more information.