BookList

A responsive book management interface built with React, Vite, and Tailwind CSS.

Overview

BookList is a frontend project focused on creating a clean and responsive interface for managing a collection of books.

The user interface was designed and implemented from scratch with a focus on simplicity, readability, and responsive layout.

Features

• Responsive book management interface
• Book information form with title, author, and publication year fields
• Structured book list table
• Responsive layout for different screen sizes
• Custom UI design
• Icon-based interface using Lucide React

Tech Stack

• React
• Vite
• JavaScript
• Tailwind CSS
• Sass
• Lucide React

Project Structure

src/
├── bookList/
│   ├── BookList.jsx
│   └── BookList.scss
├── App.jsx
├── App.scss
└── main.jsx

Getting Started

Clone the repository:

git clone https://github.com/Mrymindigo/bookList-app.git

Install dependencies:

npm install

Run the development server:

npm run dev

The application will be available at the local development URL provided by Vite.

Purpose

This project was created as a frontend development project to practice React component development, responsive UI implementation, and modern CSS styling.

Future Improvements

• Add and remove books dynamically
• Edit existing books
• Search and filter books
• Persist book data using local storage or an API
• Add form validation