BookShelf
BookShelf is a MERN stack web application that allows users to discover, track, and manage books while providing personalized AI-powered recommendations. It combines book exploration with productivity tools like a Pomodoro timer to create the perfect environment for readers.
Install / Use
/learn @SohitBennett/BookShelfREADME
BookShelf
BookShelf is a MERN stack web application that allows users to discover, track, and manage books while providing personalized AI-powered recommendations. It combines book exploration with productivity tools like a Pomodoro timer to create the perfect environment for readers.
Features
- Browse and search: Discover the newest and most popular books. Search by title, author, or genre.
- AI recommendations: Personalized book suggestions based on user preferences.
- Favorites: Save books to a personal collection.
- Pomodoro timer: Stay productive with a built-in reading timer.
- Authentication: Secure login/logout functionality with MongoDB integration.
- API integrations: Uses OpenLibrary and Google Books API to fetch book data.
- Responsive UI: Fully optimized for desktop, tablet, and mobile.
Tech Stack -
Frontend
- React.js
- Redux (for state management)
- TailwindCSS (for responsive UI design)
Backend
- Node.js
- Express.js
- MongoDB (database)
- RESTful APIs
Other Integrations
- OpenLibrary API
- Google Books API
Screenshots
- Landing Page <img width="2879" height="1466" alt="image" src="https://github.com/user-attachments/assets/8bdac168-ed42-4b36-a9e0-fe54813fa179" />
- Browse Popular Books <img width="2879" height="1466" alt="image" src="https://github.com/user-attachments/assets/ac10227b-321b-43c9-a2a9-85e610550fce" />
- Browse Newest Books <img width="2879" height="1473" alt="image" src="https://github.com/user-attachments/assets/57edb6e5-727f-4a03-ac97-cd7562ae46d1" />
Future Enhancements
- Reading progress tracking
- Dark mode
- Notes and highlights on saved books
- Analytics dashboard for reading habits
Related Skills
node-connect
346.8kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
107.6kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
346.8kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
346.8kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。
