https://github.com/sayechu/react-bookshelf-website
Typescript react website
https://github.com/sayechu/react-bookshelf-website
flex flexbox-css grid gutenberg gutenberg-ebooks nextui react react-components react-hooks react-router responsive responsive-design responsive-web-design tailwindcss typescript typescript-react vercel website
Last synced: about 2 months ago
JSON representation
Typescript react website
- Host: GitHub
- URL: https://github.com/sayechu/react-bookshelf-website
- Owner: sayechu
- Created: 2024-06-25T17:10:28.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2024-06-25T17:40:59.000Z (12 months ago)
- Last Synced: 2025-02-14T17:22:46.025Z (4 months ago)
- Topics: flex, flexbox-css, grid, gutenberg, gutenberg-ebooks, nextui, react, react-components, react-hooks, react-router, responsive, responsive-design, responsive-web-design, tailwindcss, typescript, typescript-react, vercel, website
- Language: TypeScript
- Homepage: https://gutendex-api.vercel.app/
- Size: 243 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# BookShelf
Boolshelf is a website that allows users to browse and download books from the Gutenberg Project. Built in `React` with `TypeScript`, it fetches book data from the [Gutendex API](https://gutendex.com/).
- [BookShelf on Netlify](https://gutendexbooks.netlify.app/)
- [BookShelf on Vercel](https://gutendex-api.vercel.app/)
## Features
- Browse a large collection of books
- Download books in various formats
- Responsive design
- Search functionality to find books by title, author, or subject
- Detailed book information including descriptions and categories
- Pagination for easy navigation through book listings
- Dark mode for a better reading experience
## Setup
1. Clone the repository:
```sh
git clone [email protected]:sayechu/react-bookshelf-website.git
cd react-bookshelf-website
```
2. Install dependencies:
```sh
npm install
```
3. Run the development server:
```sh
npm run dev
```
4. Open http://localhost:5173 to view it in the browser.
## Deployment
This project is published and can be accessed online:
- [BookShelf on Netlify](https://gutendexbooks.netlify.app/)
- [BookShelf on Vercel](https://gutendex-api.vercel.app/)
This project can be easily deployed using Netlify or Vercel. Follow the deployment documentation for more details.
## Contributing
Feel free to open issues or submit pull requests.