Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/karamanburak/shopping-cart-ts
This project is built using React with TypeScript, Context API for state management, and Bootstrap for styling. The application aims to provide a modern, responsive user interface with efficient state management.
https://github.com/karamanburak/shopping-cart-ts
bootstrap context-api reactjs typescript
Last synced: 2 days ago
JSON representation
This project is built using React with TypeScript, Context API for state management, and Bootstrap for styling. The application aims to provide a modern, responsive user interface with efficient state management.
- Host: GitHub
- URL: https://github.com/karamanburak/shopping-cart-ts
- Owner: karamanburak
- Created: 2024-06-22T11:14:05.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-06-26T16:50:12.000Z (5 months ago)
- Last Synced: 2024-06-26T21:28:25.010Z (5 months ago)
- Topics: bootstrap, context-api, reactjs, typescript
- Language: TypeScript
- Homepage:
- Size: 360 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Shopping Cart - Ts
Welcome to my Shopping Cart - Ts project! This project is built using React with TypeScript, Context API for state management, and Bootstrap for styling. The application aims to provide a modern, responsive user interface with efficient state management.
### Features
- React: A JavaScript library for building user interfaces.
- TypeScript: A strongly typed programming language that builds on JavaScript.
- Context API: For global state management in React.
- Bootstrap: A CSS framework for developing responsive and mobile-first websites.
### Technologies Used
- React
- TypeScript
- Context API
- Bootstrap
- ## Project Skeleton
```
- Shopping Cart - Ts (folder)
|
SOLUTION
├── public
│ └── imgs
├── src
│ ├── assets
│ │ └── [icons]
│ ├── components
│ │ ├── store
│ │ └── StoreItem.tsx
│ │ ├── CartItem.tsx
│ │ ├── Navbar.tsx
│ │ ├── SearchInput.jsx
│ │ └── ShoppingCart.tsx
│ ├── context
│ │ └── ShoppingCartContext.tsx
│ ├── data
│ │ └── item.json
│ ├── hooks
│ │ └── useLocalStorage.tsx
│ ├── pages
│ │ ├── About.tsx
│ │ ├── Home.tsx
│ │ └── Store.tsx
│ ├── utilities
│ │ └── formatCurrency.ts
│ ├── App.tsx
│ └── main.tsx
├── vite-env.d.ts
├── .gitignore
├── index.html
├── package-lock.json
├── package.json
├── README.md
├── tsconfig.app.json
├── tsconfig.json
├── tsconfig.node.json
└── vite.config.ts
```