https://github.com/michle99/sba_320h_project
GeekWorm Books Search Page Page with React and Google Books API.
https://github.com/michle99/sba_320h_project
axios google-books-api react-hooks react-router reactjs rest-api tailwind-css
Last synced: 5 months ago
JSON representation
GeekWorm Books Search Page Page with React and Google Books API.
- Host: GitHub
- URL: https://github.com/michle99/sba_320h_project
- Owner: Michle99
- License: mit
- Created: 2023-12-01T21:24:29.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-12-15T21:54:34.000Z (about 2 years ago)
- Last Synced: 2025-03-16T02:14:14.650Z (10 months ago)
- Topics: axios, google-books-api, react-hooks, react-router, reactjs, rest-api, tailwind-css
- Language: TypeScript
- Homepage: https://sba-320h-project.vercel.app
- Size: 605 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
SBA 320: Google Books Search React Application
[](https://github.com/Michle99/sba_320h_project/actions/workflows/main.yml)
## Overview
A React application that allows users to search for books using the Google Books API. Users can view a list of search results and click on a book to see more details.
## Features
- **Search Page:** Enter a search term to get a list of books matching the query.
- **Book Details:** Click on a book to view detailed information.
## Technologies Used
- React
- React Router
- Vite (instead of Create React App)
- Tailwind CSS
- Axios for API requests
- Feather Icons for UI icons
## Getting Started
### Prerequisites
- Node.js and npm installed
- Google Books API Key (Add your key in the `.env` file)
### Installation
1. Clone the repository:
```bash
git clone https://github.com/Michle99/sba_320h_project.git
```
2. Navigate to the project folder:
```bash
cd sba_320h_project
```
3. Install dependencies:
```bash
npm install
```
4. Create a `.env` file in the project root and add your Google Books API Key:
```bash
VITE_REACT_APP_API_KEY=your-api-key
```
### Usage
1. Start the development server:
```bash
npm run dev
```
2. Open your browser and visit http://localhost:5173/.
### Contributing
Contributions are welcome! Feel free to open issues and pull requests.
### License
This project is licensed under the [MIT License](https://opensource.org/license/mit/) - see the LICENSE file for details.