- Due to its practicality, Vite was chosen to initialize, minify, and create the production bundle.
- TypeScript was employed to enhance code quality with static typing and improved developer tooling.
- React, TailwindCSS were used to quickly layout complex components.
- ShadcnUI was utilized for providing a set of accessible and customizable UI components based on Tailwind.
- The project is deployed on Netlify. Additionally, the final code is dockerized for local testing.
- Update1 - release/migrate_useReducer: Integrated useReducer and useContext for state management to simplify and structure the component logic.
- Update2 - release/add_testing: Added testing frameworks React Testing Library, Jest, and Mock Service Worker for unit and integration testing.
Use this link to try the code deployed on Netlify.
- Run the following commands for Linux. You must have Docker and its post-installation set up beforehand.
# Download the latest image from DockerHub:
docker pull deglanrivas/frontend-ts-shoppingcart:latest
# Create a container based on that image:
docker run --rm -d -p 8080:80 --name demo_container deglanrivas/frontend-ts-shoppingcart:latest
-
Open http://localhost:8080 in your browser to see the result ๐
-
Once the test is complete, remove the image and container:
# Stop the containers:
docker stop demo_container && docker rmi deglanrivas/frontend-ts-shoppingcart:latest
# Verify they were correctly removed:
docker images
docker ps -a