https://github.com/rocketseat-content/youtube-clone-github

Responsive GitHub UI clone for study purposes.
https://github.com/rocketseat-content/youtube-clone-github

Last synced: 2 months ago
JSON representation

Responsive GitHub UI clone for study purposes.

• Host: GitHub
• URL: https://github.com/rocketseat-content/youtube-clone-github
• Owner: rocketseat-content
• Created: 2020-07-31T20:27:29.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-08-05T19:19:42.000Z (over 4 years ago)
• Last Synced: 2024-07-31T19:54:57.901Z (6 months ago)
• Language: TypeScript
• Size: 212 KB
• Stars: 19
• Watchers: 5
• Forks: 16
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


UI Clone - Github



Responsive Github UI Clone (partial) for study purposes.

Deployed here.




  

    

  

  

    

  





## Participants

[](https://github.com/guilhermerodz)

[Guilherme Rodz](https://github.com/guilhermerodz)

## Techs

- [x] Fetch API

- [x] React.js

- [x] Styled Components

- [x] TypeScript

## Ideas to implement

- [ ] Use [SWR](https://swr.vercel.app/) as cache invalidation strategy

- [ ] Fetch data from [GitHub V4 API](https://docs.github.com/en/graphql) (GraphQL instead of REST).

- [ ] Create new routes with [React Router](https://reactrouter.com/web/guides/quick-start) (e.g. Github Feed, complete Repo page)

## Starting Dev Environment

1. Run `npm install` or `yarn install`.


2. Run `yarn start` and access `http://localhost:3000`.


## Contributing

Please read [CONTRIBUTING.md](CONTRIBUTING.md) for details on our code of conduct, and the process for submitting pull requests.