https://github.com/nomandhoni-cs/zeptoappsfrontendtask

A smooth experience for finding novels and literature.
https://github.com/nomandhoni-cs/zeptoappsfrontendtask

css frontend javascript library reactjs tailwindcss

Last synced: 3 months ago
JSON representation

A smooth experience for finding novels and literature.

• Host: GitHub
• URL: https://github.com/nomandhoni-cs/zeptoappsfrontendtask
• Owner: nomandhoni-cs
• Created: 2024-10-16T09:12:45.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2024-10-17T16:47:19.000Z (over 1 year ago)
• Last Synced: 2025-02-26T23:12:56.167Z (over 1 year ago)
• Topics: css, frontend, javascript, library, reactjs, tailwindcss
• Language: JavaScript
• Homepage: https://novelflow.netlify.app/
• Size: 147 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


  

  


  
A smooth experience for finding novels and literature.


### Time Taken to Build:

This project took me several hours of coding to build and implement the search, filtering, and wishlist functionalities.

[![wakatime](https://wakatime.com/badge/user/83f18236-013d-4ff6-b258-f14ef388af8c/project/791059ed-95ec-437b-83a2-a4c322588c1b.svg)](https://wakatime.com/badge/user/83f18236-013d-4ff6-b258-f14ef388af8c/project/791059ed-95ec-437b-83a2-a4c322588c1b)

![image](https://github.com/user-attachments/assets/1c38ec3d-9386-46be-aa97-57b571dcc2ee)

## Features

- **Book Search**: Search books by title or author using a search bar.

- **Genre Filter**: Filter books by selecting a genre from a dropdown list.

- **Wish List**: Users can save their favorite books to a personal wishlist.

- **Pagination**: Navigate between pages of books fetched from the API.

- **Unique Genre Collection**: Automatically gather and display unique genres based on fetched book data.

- **Real-Time Updates**: The list of books and genres updates dynamically based on user inputs.

- **User-Friendly UI**: Simple and clean interface designed with Tailwind CSS for a great user experience.