Metricks React App

Tech Stack

• React
• Module Cascading Style Sheet
• Material UI design
• Google Fonts
• Vercel

Libraries

• Material UI React
• Material UI Material Icons
• React Router DOM
• React Icons

Deployment

The app was deployed using Vercel. You can find the live project demo here

Step

Installation

Create a reate app using the command:

npx create-react-app <project-name>

cd into the project directory:

cd <project-name>

Install some other packages as listed below:

@emotion/react
@mui/material
react-icons
react-router-dom

Installation can be done as shown below:

npm install <package-name>

Development

Create the app based on the Adobe design template

Vercel

Deployment was done using vercel

Note

• The GitHub API used to get the most starred user repositories in the last 30days is https://api.github.com/search/repositories?q=created:%3E2021-08-13&sort=stars&order=desc

• The /github route design is based on the below image

---

---

• Here's what each element represents

Happy Coding!!! 😊