A GoodReads Clone (Frontend)

This is a simple frontend clone of GoodReads, designed to showcase basic web development skills using HTML, CSS, and JavaScript. This project replicates some of the core visual features of GoodReads to demonstrate frontend design and interactivity.

See Live

🚀 Live Demo 🌐

Features

• Book Details Page: Display of book information, including:
  • Cover image
  • Title and author
  • Ratings and reviews
  • Reading status options (Want to read, Currently reading, Read)
• Responsive Design: Layout optimized for both desktop and mobile devices
• Interactive Elements:
  • Rating system
  • Review section with expandable user reviews
  • Custom video and audio players for book-related media

Technologies Used

• HTML5
• CSS3
• JavaScript (ES6+)

Setup and Viewing

1. Clone the repository

git clone https://github.com/Tesfamichael12/Goodreaders

2. View the project

• Open mainHome.html in your web browser to view the project.

Features to Implement

• User authentication (frontend only, no backend)
• Search functionality (static search results)
• User bookshelves (client-side storage using localStorage)
• More interactive elements and animations

Contributing

We welcome contributions to BookWorm! Please follow these steps:

1. Fork the repository
2. Create a new branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

This project is licensed under the MIT License - see the LICENSE.md file for details.

Acknowledgments

• Inspired by GoodReads
• Book cover images from Open Library Covers API
• Icons from FontAwesome

Contact

Email: tesfamichael132@gmail.com
Project Link: https://github.com/Tesfamichael12/Goodreads