BookVibe is a React-based online book browsing and reading platform where users can explore different books, view book details, and manage their reading list.
I built this project to practice React fundamentals and create a user-friendly interface for browsing and managing books.
The main technologies and tools I used to build this project are:
| Technology | Purpose |
|---|---|
| React.js | Building the user interface |
| JavaScript (ES6+) | Application logic and functionality |
| React Router | Handling navigation between pages |
| Tailwind CSS | Styling and responsive design |
| Vite | Development server and build tool |
| JSON | Storing and managing book data |
Users can browse different books available on the website and explore the available collection through a clean and responsive interface.
Users can select a book and view more detailed information about it.
Users can add books to their personal reading list.
The interface updates based on user interactions.
I used React concepts such as:
- Components
- Props
- State
- Event handling
- .map()
- Conditional rendering
- Reusable components
Some of the main packages used in this project are:
- react
- react-dom
- react-router-dom
The complete list of dependencies can be found in the project's package.json file.
If you want to run this project on your local machine, follow these steps.
- Clone the repository git clone https://github.com/TaheraScript/BookVibe-Next.js.git
- Go to the project folder cd BookVibe-Next.js
- Install dependencies npm install
- Start the development server npm run dev
After that, Vite will provide a local URL, usually something like:
Open the URL in your browser, and the BookVibe project should be running locally.
🌐 Live Demo: BookVibe
💻 GitHub: GitHub Repository
⚛️ React: https://react.dev/
🧭 React Router: https://reactrouter.com/
⚡ Vite: https://vite.dev/
🎨 Tailwind CSS: https://tailwindcss.com/