ArnauACR / 11_client-side_final-project_frontend Public

Notifications You must be signed in to change notification settings
Fork 0
Star 1

📚 Book Collection Manager A simple and responsive web app to manage your personal book collection. Built with React and Vite, it lets you add, edit, and delete books, with a clean UI and API integration.

11-frontend-final-project.netlify.app/

1 star 0 forks Branches Tags Activity

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 38 Commits
.github/workflows		.github/workflows
src		src
.eslintrc.json		.eslintrc.json
.gitattributes		.gitattributes
.gitignore		.gitignore
.prettierrc		.prettierrc
README.md		README.md
eslint.config.js		eslint.config.js
index.html		index.html
package-lock.json		package-lock.json
package.json		package.json
vite.config.js		vite.config.js

Repository files navigation

📚 Book Collection Manager

A simple and modern web app to manage your personal book collection. Built with React and Vite.

🌟 What You Can Do

📖 View all your books in a responsive grid
➕ Add new books to the collection
✏️ Edit existing book details
❌ Delete books you don’t need anymore
📱 Use it comfortably on mobile or desktop
🎨 Clean and modular styling with CSS Modules
🔄 Connect to a backend to keep everything in sync

🛠️ Tech Stack

React for the UI
Vite as the build tool and dev server
CSS Modules for scoped styles
Vitest for testing
ESLint + Prettier for clean code
Husky for Git hooks and automation

📋 Book Data Structure

type Book = {
  id: number;
  title: string;
  author: string;
  year: number;
  status: 'pending' | 'in progress' | 'read';
};