Skip to content

GitHub Profile: a frontend website that can search for personal profile, including an avatar, user information, and repositories.

Notifications You must be signed in to change notification settings

chaoting-sun/github-profile

Repository files navigation

Github Profile

Design Preview

Welcome! 👋

Github Profile is a front-end coding challenge in devChallenges platform which helps improve coding skills by building realistic projects.

The challenge

The Github Profile has the following function:

  • Search for any Github account and show the personal profile
  • The personal profile includes an avatar, user information, and repositories
  • Show more or few repositories by clicking the footer buttom
  • Clicking a repository card will navigate to its website

Applied Skills

  • HTML5
  • CSS
  • Javascript
  • React
  • Material UI
  • styled components
  • JSON Server
  • Axios
  • Vite

Run Locally

install the repository and the related libraries.

git clone git@github.com:chaoting-sun/github-profile.git
cd github-profile
npm install

start the frontend and backend.

npm run dev
npm run server # in another terminal

About

GitHub Profile: a frontend website that can search for personal profile, including an avatar, user information, and repositories.

Resources

Stars

Watchers

Forks

Releases

No releases published