Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/wangyj641/mygithub
Personal Github
https://github.com/wangyj641/mygithub
koa2 nextjs react redis tailwindcss
Last synced: 24 days ago
JSON representation
Personal Github
- Host: GitHub
- URL: https://github.com/wangyj641/mygithub
- Owner: wangyj641
- Created: 2023-12-21T15:41:17.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-04-01T07:05:03.000Z (10 months ago)
- Last Synced: 2024-10-31T08:52:19.463Z (2 months ago)
- Topics: koa2, nextjs, react, redis, tailwindcss
- Language: TypeScript
- Homepage:
- Size: 2.1 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MyGitHub
- A personal GitHub web app that supports logging in to GitHub, browsing repositories, searching repositories, and viewing repository details.
- Developed with JavaScript, Next.js, React, Koa2, TailwindCSS, Redis, OAuth, radix-ui
### Key Skills
- Next.js server-side rending fullstack project
- Koa2 server provides data interfaces and server-side route
- TailwindCSS UI design
- Github OAuth integration
- Apply React Hooks
- Integrate Redux into Next.js
- Redis session store
- Use Github REST APIs
### Getting Started
##### Configuration
- Register a github OAuth app
```
github -> settings -> Developer settings -> OAuth apps
```
- Edit global.config.js
```
// Github OAuth app client id
const client_id = '246560ac02e68a37f12b';
// Github OAuth app Client Secret
const client_secret = 'a41f9423c793d224b3d268efb1d26e28e9faa281';
const SCOPE = 'user';
const GITHUB_OAUTH_URL = 'https://github.com/login/oauth/authorize';
```
##### Start the app
```shell
npm run serve
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.