Skip to content

rafaelalmeidatk/discord-react-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

67 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Discord React Clone

Preview

Demo: 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 to view it in the browser.

About

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

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published