📚 Second Chapter (Team Project)

Second Chapter is a project that gives books a second life, offering readers the opportunity to enjoy stories through books that have retained their relevance. Our goal is to create a place where every work finds a new owner, and every word continues to live.

This project is a fully functional online platform for buying used books.

🧱 Tech Stack:

• Frontend:

  • React, TypeScript, Tailwind CSS, shadcn/ui

• State Management:

  • Zustand

• Router:

  • React Router Data Mode

• Testing:

  • Vitest
  • React Testing Library

• Code Quality:

  • Prettier, ESLint, Stylelint, Husky

• Automation:

  • Knip

• E-Commerce Platform:

  • commercetools

• Deployment:

  • Netlify

• Data fetching and validation:

  • SWR
  • React Hook Form
  • Zod

• CI/CD:

  • GitHub Actions

---

🖥️ How to Run the Project Locally

To get started with this project locally, follow these steps:

1. Clone the repository

   • With HTTPS:

   git clone https://github.com/zagorky/second-chapter.git

   • With SSH:

   git clone git@github.com:zagorky/second-chapter.git

2. Install dependencies

   cd second-chapter
   npm install

3. Run the project locally

   Get and add .env file

   npm run dev

---

🧰 Available Scripts

Script	Description	Usage
dev	Start the development server with Vite.	npm run dev
build	Build the project using TypeScript and Vite.	npm run build
lint	Run ESLint to check for code issues.	npm run lint
lint:fix	Automatically fix linting issues.	npm run lint:fix
preview	Preview the built project.	npm run preview
type-check	Run TypeScript's type-checking without emitting output.	npm run type-check
format	Format the code with Prettier.	npm run format
format:check	Check if the code is formatted correctly using Prettier.	npm run format:check
knip	Run Knip to check for unused code.	npm run knip
test	Run Vitest tests.	npm run test
test:ui	Run Vitest tests with the interactive UI.	npm run test:ui
test:coverage	Run Vitest tests with coverage reporting.	npm run test:coverage
prepare	Run Husky to set up git hooks.	npm run prepare
lint-staged	Run linting on staged files using lint-staged.	npm run lint-staged
lint:styles:fix	Automatically fix CSS issues using Stylelint.	npm run lint:styles:fix
lint:styles	Run Stylelint to check for CSS issues.	npm run lint:styles
check:fix	Run with fix type-check, lint, format, Knip, tests, and fix CSS issues in one command.	npm run check:fix
check	Run type-check, lint, format check, Knip, and tests in one command.	npm run check

---

🧑‍💻 About us:

We are a team of beginner developers working on our capstone project with support from experienced mentors who guide us throughout the development process.

🧚 Our teams:

• anastanei
• zagorky
• savryna

👩‍🏫 Our mentors:

• SpaNb4
• JsPowWow
• gentoosiast