https://github.com/rafaelalmeidatk/discord-react-clone

Front-end replication of Discord's app made with React
https://github.com/rafaelalmeidatk/discord-react-clone

discord react

Last synced: 6 days ago
JSON representation

Front-end replication of Discord's app made with React

• Host: GitHub
• URL: https://github.com/rafaelalmeidatk/discord-react-clone
• Owner: rafaelalmeidatk
• Created: 2019-02-28T07:12:16.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2019-12-28T00:30:40.000Z (about 5 years ago)
• Last Synced: 2024-12-26T16:20:50.746Z (16 days ago)
• Topics: discord, react
• Language: JavaScript
• Size: 548 KB
• Stars: 43
• Watchers: 3
• Forks: 19
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Discord React Clone

![Preview](https://i.imgur.com/0UpCir4.gif)

Demo: [https://rafaelalmeidatk.github.io/discord-react-clone/](https://rafaelalmeidatk.github.io/discord-react-clone/)

This project is a front-end replication of Discord's app made with React. This is not a full replication so I added the most used parts of the app.

The main objective of this project was to learn React hooks and `styled-components` (so aside from normalize.css, this is the only library utilized).

Some observations:

* The styled scrollbars only work on webkit-based browsers

* As it is a front-end only project, all the data is mocked in a single file

* I don't have the official font that Discord utilizes so I utilized Catamaran instead, it is not very similar but isn't so bad

* All arts (except the cats) were extracted from the official app, all the rights belong to Discord

## Running the project

    npm start

    # or

    yarn start

This will run the app in development mode, open [http://localhost:3000](http://localhost:3000) to view it in the browser.