JavaScript Frameworks CA

Student: Silje Angelvik
Host: Netlify
Repository: GitHub

Resources	URLs
Noroff	Project Brief - API Endpoints

uShop Online Shop

Description

This is a simple e-commerce application that fetches data from an API and displays it on the page.

The user can add and remove items from the cart, and the cart is saved in local storage. The user can also view the details of each item.

Built With

• HTML
• CSS
• JavaScript
• TypeScript
• tsx
• React.js
• React Router DOM
• React-Bootstrap
• Bootstrap
• Redux Toolkit
• RTK Query
• Yup
• Git
• GitHub
• Formik
• Vite
• Netlify
• PhpStorm
• Noroff API Online Shop Endpoints

Getting Started

Installing

1. Clone the repo:

git clone git@github.com:siljeangelvik/react-ts-shopping-cart.git

2. Install the dependencies:

npm install

Running

To run the app in development mode:

npm run dev

To build the app:

npm run build

To preview the app:

npm run preview

Contributing

No contributions at this time.

Contact

Click on the badges below to go to my profiles or contact me via email.

Acknowledgments

Resources

Not all resources have been used, but I have included them here for future reference.

Docs

• Tanstack
• Redux Toolkit Setup Tutorial
• RTK Query Quick Start
• Redux Configuring Your Store
• Clear Redux Toolkit State using Redux-Persist
• Use Redux Persist in React Native
• useSelector and useDispatch React-Redux Hooks

Videos and Tools

• Custom React Hooks
• Custom React Hooks 2
• React Query
• useEffect in 13 minutes
• Shopping Cart with React and TypeScript
• Redux Toolkit Cart Demo