Atomic Design Bookstore

Introduction:

This project follows the principles of Atomic Design. The components are divided into three categories:

Atoms: These are the smallest building blocks of our application. They include Button, Heading, Input, Label, and SocialIcon.
Molecules: These are groups of atoms bonded together and are the smallest fundamental units of a compound. Examples include BookCard and SearchBar.
Organisms: These are groups of molecules joined together to form a relatively complex, distinct section of an interface. Examples include BookGrid, BookstoreFooter, and BookstoreHeader.

Describe the file/folder structure of the project. For example:

data/: Contains static data files, like bookList.ts.
utils/: Contains utility functions, like fetchBooks.ts.
components/: Contains all the React components, divided into atoms/, molecules/, and organisms/ according to Atomic Design principles.
types/: Contains TypeScript type definitions, like book.ts.

Name		Name	Last commit message	Last commit date
Latest commit History 10 Commits
app		app
components		components
data		data
public		public
types		types
utils		utils
.eslintrc.json		.eslintrc.json
.gitignore		.gitignore
README.md		README.md
next.config.js		next.config.js
package-lock.json		package-lock.json
package.json		package.json
postcss.config.js		postcss.config.js
tailwind.config.ts		tailwind.config.ts
tsconfig.json		tsconfig.json