https://github.com/crispengari/sport-engine-next.ts
This is a simple `Next.js` application that searches for sports players and sports teams.
https://github.com/crispengari/sport-engine-next.ts
Last synced: about 2 months ago
JSON representation
This is a simple `Next.js` application that searches for sports players and sports teams.
- Host: GitHub
- URL: https://github.com/crispengari/sport-engine-next.ts
- Owner: CrispenGari
- Created: 2021-03-14T08:58:07.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2021-03-14T09:33:55.000Z (over 4 years ago)
- Last Synced: 2025-07-31T23:02:19.067Z (2 months ago)
- Language: TypeScript
- Size: 333 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Sport Engine
This is a simple `Next.js` application that searches for sports players and sports teams.
## This application is using:
- Next.js
- React.js
- TypeScript
- Material-ui
- React-icons
- The Sports Db API
- axios
- React Custom Hooks
### This application covers the following major Next sections
- Next routing
- CSS
- React Custom Hooks
- Hosting using firebase
### Firebase Hosting using firebase
- Create a project in firebase and activate hosting then:
#### Step 1:
```shell
firebase login
```
#### Step 2:
```shell
firebase init
```
- Make you choose the following as the public directory during the `firebase init` process
```
? What do you want to use as your public directory? build/out
```
#### Step 2:
- before running the following command make sure the `scripts` looks like this in `package.json`
```
"scripts": {
"dev": "next",
"build": "next build && next export",
"start": "next start"
},
```
```shell
npm run build
```
#### Step 4:
- Before running the following command move the `out` folder in the `build` folder
```shell
firebase deploy
```
#### URL to the search Engine
- [Sport Engine](https://sportengine-3411c.web.app/)
### Demo
## API Docs
- [The Sports Db](https://www.thesportsdb.com/api.php)
## Credits
- [Next Docs](https://nextjs.org/docs/)
- [StackOver Flow](https://stackoverflow.com/)