Find the assignment on these pages...
Shop Front: https://devweb2023.cis.strath.ac.uk/~xqb21129/aelscuaklrwpsud/build/#/
Admin Page: https://devweb2023.cis.strath.ac.uk/~xqb21129/aelscuaklrwpsud/build/#/adminPortal
Cara's Art Gallery
Fiona McLaren's submission for CS312: Web Applications Development's Artwork System assignment
This assignment is the work of Fiona McLaren. As I was learning React for the first time, I referenced the following resources to help me with the learning and coding process:
-
axios/axios: Promise based HTTP client for the browser and node.js. Available at: https://github.com/axios/axios#installing (Accessed: 20 November 2023).
-
Educative Answers - Trusted Answers to Developer Questions. Available at: https://www.educative.io/answers/how-to-implement-pagination-in-reactjs (Accessed: 20 November 2023).
-
How To Toggle Password Visibility. Available at: https://www.w3schools.com/howto/howto_js_toggle_password.asp (Accessed: 20 November 2023).
-
How to Remove an Element from a JavaScript Array – Removing a Specific Item in JS (2022) freeCodeCamp.org. Available at: https://www.freecodecamp.org/news/how-to-remove-an-element-from-a-javascript-array-removing-a-specific-item-in-js/ (Accessed: 21 November 2023).
-
javascript - Check file type when form submit? - Stack Overflow. Available at: https://stackoverflow.com/questions/7977084/check-file-type-when-form-submit (Accessed: 20 November 2023).
-
John (2018) ‘Answer to “Javascript phone number validation”’, Stack Overflow. Available at: https://stackoverflow.com/a/48545944 (Accessed: 21 November 2023).
-
Kohavi, M. (2019) ‘Answer to “Check file type when form submit?”’, Stack Overflow. Available at: https://stackoverflow.com/a/56878622 (Accessed: 20 November 2023).
-
Malith (2023) ‘malithmcr/react-php-form’. Available at: https://github.com/malithmcr/react-php-form (Accessed: 20 November 2023). Mobile Responsive Table with TailwindCSS - DEV Community. Available at: https://dev.to/mmcclure11/mobile-responsive-table-with-tailwindcss-57db (Accessed: 20 November 2023).
-
Postcode Validation. IdealPostcodes. Available at: https://ideal-postcodes.co.uk (Accessed: 20 November 2023).
-
rafuka/php-react-sample: A small app using React, PHP, and MySQL. Available at: https://github.com/rafuka/php-react-sample (Accessed: 20 November 2023).
-
React Reference Overview – React. Available at: https://react.dev/reference/react (Accessed: 20 November 2023).
-
react-responsive-carousel/stories/01-basic.tsx at master · leandrowd/react-responsive-carousel. Available at: https://github.com/leandrowd/react-responsive-carousel/blob/master/stories/01-basic.tsx (Accessed: 20 November 2023).
-
Sherif, S.M. (2014) ‘Answer to “Why does my JavaScript code receive a ‘No “Access-Control-Allow-Origin” header is present on the requested resource’ error, while Postman does not?”’, Stack Overflow. Available at: https://stackoverflow.com/a/27280939 (Accessed: 20 November 2023).
-
Validate Phone Numbers with Javascript & HTML [2023]. Available at: https://www.abstractapi.com/guides/validate-phone-number-javascript (Accessed: 20 November 2023).
The following frameworks/libraries/components were used in this project:
-
axios/axios: Promise based HTTP client for the browser and node.js. Available at: https://github.com/axios/axios (Accessed: 20 November 2023).
-
OÜ, I. Iconify. Available at: https://iconify.design/ (Accessed: 20 November 2023).
-
React. Available at: https://react.dev/ (Accessed: 20 November 2023).
-
react-responsive-carousel (2022) npm. Available at: https://www.npmjs.com/package/react-responsive-carousel (Accessed: 20 November 2023).
-
Tailwind CSS - Rapidly build modern websites without ever leaving your HTML. Available at: https://tailwindcss.com/ (Accessed: 20 November 2023).
-
Tailwind CSS Animated. Available at: https://www.tailwindcss-animated.com/ (Accessed: 20 November 2023).
The media used in this project were sourced from these resources:
- Free SVG Image & Icon. SVG Silh. Available at: https://svgsilh.com/ (Accessed: 20 November 2023).
- Unsplash Birmingham Museums Trust (@birminghammuseumstrust) | Unsplash Photo Community. Available at: https://unsplash.com/@birminghammuseumstrust (Accessed: 20 November 2023).
All layers are complete as of the final push to this project