A mock Valencian mobile shope with ecommerence functionality using stripe and commerce.js.
Link to project this project (current): https://nano-movil2-0.vercel.app/
Link to project original project: https://nano-movil.netlify.app/
To Test Transactions follow the payment details below
- Card Number: 4242 4242 4242 4242
- Expiry Date: 04/24
- CVC: 242
- Postal Code: 42242
Tech used: HTML, CSS(Styled Components), JavaScript, React.js/Next.js, Redux Toolkit, React Form Hook
APIs used: Stripe, commerce.js
- All products were created from commerce.js and then used it's API to render the data we wanted. If any new products or a change of product detail has occured it can be easily managed from commerce API. The utilization of react redux keeps tracks of any cart movements and changes in our products.
Card completely rerenders every time quantity has changed in the cart section. Can be improved creating a useState hook of the current quantity values and product prices. Registration form can also be hard coded and not rely on fetching the data from the API since there is not much data to be displayed. Can also add a new feature by adding indivdual dynamic page for each product.
✅ Hand customized TextInputs and Cards.
✅ TS Error Handling with potential outputs of 'null'.
✅ Use of CSS pointer-events
✅ Utilizing AppDispatch && AppSelector if a slice uses a thunk.
Personal Website: https://markrasavong.com/
nanoMovil2.0 Repository: https://github.com/MarkRasavong/nanoMovil2.0
My Github Repositories: https://github.com/MarkRasavong?tab=repositories
Email: rasavong.mark@gmail.com
Mobile / WhatsApp: +34 666 996 519