Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/thembamtshelwane/book-scape
https://github.com/thembamtshelwane/book-scape
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/thembamtshelwane/book-scape
- Owner: ThembaMtshelwane
- Created: 2024-08-19T14:00:43.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-08-25T01:24:30.000Z (4 months ago)
- Last Synced: 2024-08-25T14:47:01.200Z (4 months ago)
- Language: TypeScript
- Homepage: https://book-scape-nine.vercel.app
- Size: 21.4 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# BookScape
[BookScape](https://book-scape-nine.vercel.app/) is a dynamic book discovery and management website designed to enhance the book browsing experience. With a clean and intuitive interface, users can explore the latest book releases, search for specific books, and filter results by genre.
## Features
- **Dashboard**: Displays the latest books, providing users with a quick overview of recent releases.
- **Latest Books Page**: Showcases additional recent book releases for those looking for the most current additions to the book market.
- **Search and Filter**: Enables users to search for books by name and filter results by genre using the Google Books API.
## Technologies Used
- **React**: For building the user interface.
- **TypeScript**: For type safety and improved development experience.
- **Vite**: For fast and efficient development and build process.
- **Tailwind CSS**: For styling and responsive design.
- **Google Books API**: For fetching book data.
## Learnings
During the development of BookScape, I gained experience with:
- **APIs**: Understanding how to integrate and use the Google Books API effectively.
- **React Context APIs**: Managing global state and sharing data across components.
## Future Improvements
- **Authentication**: Adding user authentication to manage user accounts and preferences.
- **Bookshelf Features**: Implementing features that allow users to add books to personalized bookshelves, including categories like Favorites, Read, and Reading lists.
- **UI**: UI layouts, making them consistent.
- **API Limit**: Use and API with more/unlimited calls per day or maybe have a 24hr countdown timer.
## Limitations
- **Google Books API**: This API allows for 1000 fetches per 24 hours so do not be alarmed if there is no data available.
## Live Site
You can explore BookScape live at: [BookScape](https://book-scape-nine.vercel.app/)
## Insights
- **Cards**: Improve on implementing cards.
- **Layouts**: Improve on structuring consistent layouts, with or without data.
## Getting Started
To get a local copy of the project running, follow these steps:
1. **Clone the repository**:
```bash
git clone https://github.com/yourusername/bookscape.git
```
2. **Navigate to the project directory**:
```bash
cd bookscape
```
3. **Install dependencies:**:
```bash
npm install
```
2. \*Run the development server:\*\*:
```bash
npm run dev
```
The application should now be running on [http://localhost:3000](http://localhost:3000) .