Simple Shopping Cart using React Hooks, Context API and more.

React - Redux ve Hook yapısını kullanarak "shop.samsung" benzeri bir E-Ticaret uygulaması geliştirdim. 👨‍💻 Canlı test linkine detaydan ulaşabilirsiniz.

A simple shopping cart demonstration using Nextjs, React Hooks and Typescript

This simple shopping cart prototype shows how React with Typescript, React hooks, react Context and Styled Components can be used to build a friendly user experience with instant visual updates and scaleable code in ecommerce applications.

Collection of React hooks for interacting with the Shopify API

React Shopping Cart using Context API and useReducer Hook

An e-commerce site which allows the user to add, remove and update quantities of an item in a shopping basket using custom context and hooks. Built using React, TypeScript, Chakra UI and Vite.

An E-commerce clothing shopping web app built with React/ Redux, Redux-Saga, React-Hooks, Stripe API and Firebase(For User Registration & Authentication and Data Persistence). A simple Express backend server to handle Stripe payment. Refactored the app into a PWA.

A simple shopping cart app to demostrate the use of React custom hooks

shopping cart app with react hooks using reactReducer and reactContext

React Shop is a demo application to showcase the integration of React hooks, React-redux hooks and Redux-toolkit.

A simple shopping cart implementation with react, redux and hooks using api marvel.

This project is an E-commerce application developed in React 🛠️. It allows users to explore products 🛍️ and add them to a shopping cart 🛒. This project is designed with the intention of enhancing my skills with hooks such as useID(), useReducer(), useContext(), and others.

A sample React shopping cart web app demo with custom hooks

Shopmate is a modern shopping cart app built with React.js, featuring Context API & Reducers for efficient state management. Users can seamlessly add/remove items, view real-time updates, and enjoy a responsive UI. With React Router & custom hooks, it ensures a smooth shopping experience. 🚀

This is online -food-app same like e-commerce website, What I used React, React hooks, Css, Redux Toolkit, ReactStrap and app features :- Add to cart functionality, shopping cart functionality, product filtering , product page, cart and checkout page, contact page , Login and Register page, And awesome modern minimalist UI.

# Trybe This repository contains all the learning activities developed by João V.S Dias https://www.linkedin.com/in/diasvictorj/_ while studying at [Trybe](https://www.betrybe.com/) :rocket: _"Trybe is a school of the future for anyone who wants to improve their life and build a successful career in technology, where people only pay when they get a good job."_ The program has more than 1,500 hours of classroom and online classes, covers an introduction to software development, front-end, back-end, computer science, software engineering, agile methodologies and behavioral skills. ## Web Development Fundamentals :white_check_mark: ##### Block 1: Introduction - Unix & Shell - [ ] 1-3: _Unix & Shell- Part 1_ - [ ] 1-4: _Unix & Shell- Part 2_ ##### Block 2: Git & GitHub - [ ] 2-1: _What is it and what is it for?_ - [ ] 2-2: _Understanding the commands_ - [ ] 2-3: _Internet - Understanding how it works_ ##### Block 3: Introduction - HTML & CSS - [ ] 3-1: _HTML & CSS - Page Structures_ - [ ] 3-2: _HTML & CSS - Getting Started with CSS_ - [ ] 3-3: _HTML & CSS - Selectors and positioning_ - [ ] 3-4: _Semantic HTML_ - [ ] 3-5: _[Project - HTML & CSS]()_ ##### Block 4: Introduction - JavaScript - [ ] 4-1: _JavaScript - First steps_ - [ ] 4-2: _JavaScript - Array and For_ loop - [ ] 4-3: _JavaScript - Programming Logic and Algorithms_ - [ ] 4-4: _JavaScript - Objects and Functions_ - [ ] 4-5: _[Project - Playground Functions]()_ ##### Block 5: Introduction - JavaScript - Projects - [ ] 5-1: _JavaScript - DOM and selectors_ - [ ] 5-2: _JavaScript - Working with elements_ - [ ] 5-3: _JavaScript - Events_ - [ ] 5-4: _JavaScript - Web Storage_ - [ ] 5-5: _[Project - Meme Generator]()_ - [ ] 5-6: _[Project - Pixel Art]()_ - [ ] 5-7: _[Project - Task List]()_ - [ ] 5-7: _[Project - Guess the Color]()_ - [ ] 5-7: _[Project - Mysterious Letter]()_ ##### Block 6: Advanced HTML & CSS - [ ] 6-1: _HTML & CSS - Forms_ - [ ] 6-2: _JavaScript Libraries and CSS Frameworks_ - [ ] 6-3: _CSS Flexbox - Part 1_ - [ ] 6-4: _CSS Flexbox - Part 2_ - [ ] 6-5: _CSS Responsive - Mobile First_ - [ ] 6-6: _[Project - Facebook homepage]()_ ##### Block 7: JavaScript ES6 & Unit Tests - [ ] 7-1: _JavaScript ES6 - let, const, arrow functions and template literals_ - [ ] 7-2: _JavaScript ES6 - Objects_ - [ ] 7-3: _Unit tests in JavaScript_ - [ ] 7-4: _[Project - JavaScript Unit Tests]()_ ##### Block 8: JavaScript ES6 - [ ] 8-1: _JavaScript ES6 - Higher Order Functions - forEach, find, some, every, sort_ - [ ] 8-2: _JavaScript ES6 - Higher Order Functions - map and filter_ - [ ] 8-3: _JavaScript ES6 - Higher Order Functions - reduce_ - [ ] 8-4: _JavaScript ES6 - spread operator, rest parameter, destructuring and more_ - [ ] 8-5: _[Project - Zoo functions]()_ ##### Block 9: Asynchronicity & Callbacks - [ ] 9-1: _Asynchronous JavaScript and Callbacks_ - [ ] 9-2: _JavaScript Promises_ - [ ] 9-3: _[Project - Shopping Cart]()_ ##### Block 10: Jest - [ ] 10-1: _First steps in Jest_ - [ ] 10-2: _Jest - Asynchronous Tests_ - [ ] 10-3: _Jest - Simulating behavior_ - [ ] 10-4: _[Project - Asynchronous Jest and Mocking]()_ ## Front-end development :hourglass_flowing_sand: ##### Block 11: Introduction - React - [ ] 11-1: _'Hello, world!' on React!_ - [ ] 11-2: _React Components_ - [ ] 11-3: _[Project - Movie Cards Library]()_ ##### Block 12: React - [ ] 12-1: _Components with status_ - [ ] 12-2: _Events and forms in React_ - [ ] 12-3: _[Project - Movie Cards Library Stateful]()_ ##### Block 13: React - [ ] 13-1: _Improving component reuse: props.children and PropTypes_ - [ ] 13-2: _Component lifecycle in React_ - [ ] 13-3: _React Router_ - [ ] 13-4: _[Project - Movie Cards Library CRUD]()_ ##### Block 14: Agile Methodologies - [ ] 14-1: _Agile Methodologies_ - [ ] 14-2: _[Project - Frontend Online Store]()_ ##### Block 15: Tests in React - [ ] 15-1: _Testing React with the React Testing Library_ - [ ] 15-2: _Testing React with the React Testing Library - Part 2_ - [ ] 15-3: _[Project - Tests in React]()_ ##### Block 16: Introduction to Redux - [ ] 16-1: _Introduction to Redux_ - [ ] 16-2: _React with Redux - Part 1_ - [ ] 16-3: _React with Redux - Practice_ - [ ] 16-4: _React with Redux - Part 2_ - [ ] 16-5: _Synchronous tests with React-Redux_ - [ ] 16-6: _[Project - Table with data filters]()_ ##### Block 17: Project React - [ ] 17-1: _[Project - Trivia Game]()_ ##### Block 18: React & Context API - [ ] 18-1: _Context API of React_ - [ ] 18-2: _React Hooks - useState and useContext_ - [ ] 18-3: _React Hooks - useEffect and Custom Hooks_ - [ ] 18-4: _[Project - StarWars Datatable with Context API and Hooks]()_ ##### Block 19: Front-end Final Project - [ ] 19-1: _[Project - Recipe App]()_ ## Back-end Development :hourglass_flowing_sand: ##### Block 20: Introduction - Relational Databases - [ ] 20-1: _SQL Database_ - [ ] 20-2: _Finding data in a database_ - [ ] 20-3: _Filtering data specifically_ - [ ] 20-4: _Manipulating tables_ - [ ] 20-5: _[Project - All For One]()_ ##### Block 21: Relational Databases - [ ] 21-1: _Most used functions in SQL_ - [ ] 21-2: _Uncomplicating JOINs and UNIONs_ - [ ] 21-3: _Stored Routines & Subqueries_ - [ ] 21-4: _[Project - Vocabulary Booster]()_ ##### Block 22: Relational Databases - [ ] 22-1: _Transforming ideas into a database model_ - [ ] 22-2: _Normalization, Normal Forms and Dumps_ - [ ] 22-2: _Turning ideas into a database model - Part 2_ - [ ] 22-3: _[Project - One For All]()_ ##### Block 23: Introduction - NoSQL - [ ] 23-1: _MongoDB - Introduction_ - [ ] 23-2: _Filter Operators_ - [ ] 23-3: _[Project - Date Flights]()_ ##### Block 24: Updates - [ ] 24-1: _Simple Updates_ - [ ] 24-2: _Complex Updates - Arrays - Part 1_ - [ ] 24-3: _Complex Updates - Arrays - Part 2_ - [ ] 24-4: _[Project - Commerce]()_ ##### Block 25: Aggregation Framework - [ ] 25-1: _Aggregation Framework - Part 1_ - [ ] 25-2: _Aggregation Framework - Part 2_ - [ ] 25-3: _[Project - Aggregations]()_ ##### Block 26: Intro - NodeJS - [ ] 26-1: _NodeJS - Introduction_ - [ ] 26-2: _NodeJS - Asynchronous Flow_ - [ ] 26-3: _NodeJS - Architecture_ - [ ] 26-4: _[Project - A CLI of Ice and Fire]()_ ##### Block 27: NodeJS - [ ] 27-1: _Express: HTTP with Node.js_ - [ ] 27-2: _Software Architecture - Introduction to MVC_ - [ ] 27-3: _[Project - Cookmaster]()_ ##### Block 28: NodeJS - [ ] 28-1: _Software Architecture - Service Layer_ - [ ] 28-2: _Web Architecture - Rest and Restful_ - [ ] 28-3: _[Project - Store Manager]()_ ##### Block 29: NodeJS - [ ] 29-1: _NodeJS - JWT - (JSON Web Token)_ - [ ] 29-2: _NodeJS - Upload files with Multer_ - [ ] 29-3: _[Project - Cookmaster V2]()_ ##### Block 30: Introduction - Deploy - [ ] 30-1: _Infrastructure - Deploy with Heroku_ - [ ] 30-2: _Deploy - Process Managers_ - [ ] 30-3: _[Project - Stranger Things]()_ ##### Block 31: Project - [ ] 31-1: _[Project - Trybeer]()_ ##### Block 32: Software Architecture - [ ] 32-1: _Architecture - SOLID Principles_ - [ ] 32-2: _ORM - Application interface with the database_ - [ ] 32-3: _Software Architecture - DDD_ - [ ] 32-4: _Good practice writing tests_ - [ ] 32-3: _[Project - Blogs API]()_ ##### Block 33: Sockets - [ ] 30-1: _Sockets - TCP/UDP & NET_ - [ ] 30-2: _Sockets - Socket.io_ - [ ] 30-3: _[Project - Webchat]()_ ##### Block 34: Project - [ ] 34-1: _[Project - Trybeer V2]()_ ## Computer Science :hourglass_flowing_sand: ##### Block 35: Introduction - Computer Science - [ ] 35-1: _Computer Architecture_ - [ ] 35-2: _Network architecture_ - [ ] 35-3: _Computer networks, tools and security_ - [ ] 35-4: _[Project - Exploring the protocols]()_ ##### Block 36: Python - [ ] 35-1: _Learning Python_ - [ ] 35-2: _Tests and Exceptions_ - [ ] 35-3: _Data Input and Output_ - [ ] 36-4: _Data Input and Output_ - [ ] 35-5: _[Project - Tech news]()_ # [...]

beautiful shop app with react hooks API

vue电商 基于React16.8+Hooks+Koa2+Mongodb+Zarm的移动电商webapp

A shopping cart with React Hooks

No description available

React shopping cart example with context api and useReducer hook

A clone of an existing project named "Shopping-List-Assistant" but this is rewrote using Expo (React-Native-Framework) and react-hooks

React E-commerce Wish-List shopping website, with a focus on React Context API, and other React-based architecture, such as Hooks, Router, and component-based architecture. 🖥

This is E-commerce website, Technologies used React, React hooks, Css, Redux Toolkit, ReactStrap, react-toastify, framer-motion, and app features :- Add to cart , shopping cart, filtering, sort, product, checkout, contact, Login and Register page, And awesome modern minimalist UI.

Shopping Cart App using React Hooks

No description available

Simple shopping cart with React.js and Hooks

A simple React Shopping Cart built using React hooks and Firebase

SkiHaus is an application for tracking inventory, maintaining customer information, and creating contracts for ski and snowboard rental shops. This application was built with various React hooks and state management techniques, alongside complex back-end queries and mutations using GraphQL.