Shopping cart with Stripe payments

This repository showcases a proof-of-concept shopping cart with checkout.

Features

Shopping cart

This features allows users to:

• add and remove products from the cart,
• view the quantities of each product in their cart, along with the corresponding subtotals,
• see the total price for all products in the cart.

Checkout

This feature enables users to:

• seamlessly proceed with the checkout process for their selected products,
• securely purchase the products using various online payment methods (using Stripe), and
• cancel the checkout process, if needed.
• Users are directed to the appropriate page based on the outcome of their checkout process.

Tech Stack

Client

• Create React App - a tool that provides a simplified and pre-configured setup for quickly creating and developing React.js applications.
• Typescript - a typed version of JavaScript that improves code quality and maintenance.
• Redux - a state management library for JavaScript applications.
• Redux Toolkit - an official opinionated package that simplifies the use of Redux.
• React Bootstrap - a popular library that combines the power of React framework with the styling capabilities of Bootstrap, providing pre-styled UI components for building responsive and modern web applications.
• Axios - Promise based HTTP client.
• ESLint with Airbnb config and Typescript parser enforces coding style and helps catch errors in development.

Server

• Node.js - an open-source JavaScript runtime environment for building server-side applications.
• Express.js - a web application framework for Node.js that makes it easier to build and manage APIs.
• Stripe - widely-used and trusted payment processing platform that allows businesses to securely accept and manage online payments.
• Joi - schema description language and data validator for JavaScript.
• Winston - logging library for Node.js applications.
• Cors - Node.js CORS middleware
• Typescript - a typed version of JavaScript.
• ts-node - TypeScript execution environment and REPL for Node.js.
• Nodemon automatically restarts the Node application when file changes in the directory are detected.
• Concurrently - allows running multiple commands concurrently in a single terminal.
• ESLint with Typescript parser enforces coding style and helps catch errors in development.