E-Commerce Checkout Application
This is a Next.js project created with create-next-app
This app shows simple checkout process including a cart summary, payment form with validation, and a confirmation popup. It contains reusable components.
Install dependencies:
npm install
Then, run the development server:
npm run dev
yarn dev
Open http://localhost:3000 in your browser to view the app.
Technology Stack
Next.js 14 (Pages Router) – Framework for React with server-side rendering and routing.
React Hook Form + Yup – For form handling and validation.
TypeScript – For type checking.
SCSS Modules – For modular, scoped, and clean styling.
Jest + React Testing Library – For writing unit and integration tests.
next/font – For optimized font loading and performance.
App will directly redirect you to checkout page which has some items added in cart.
The app uses mock data.
API calls are simulated no real backend api / payment gateway used.
"# EcommerceTest"