Ismah Designs is a clothing brand that will be going live in the near future. While changes are being done, it is currently being hosted here.
Features
- A working shopping bag that saves your items even after you close the browser, all without a login
- The ability to update your bag at checkout with changes such as editing the quantity and size, or even deleting the item altogether.
- A fully functional ‘Contact Us’ section to allow buyers to reach out to the owners with ease.
Installation and Setup
- The project was created with only raw HTML, CSS, and JavaScript.
- NodeJS was used to facilitate the routing on the backend.
- Heroku is being used to host the GET requests of the items in the shop (i.e. requesting Men’s Hoodies & Sweatshirts).
- Shopping bag is updated through the use of cookies.
- A ‘Contact Us’ section directly linked to a Google Forms of the owner.
Limitations
- A checkout API has not been implemented within the website.
- The catalogue has been hard-coded into the site, all with their unique IDs. This makes it difficult to update the catalogue easily.
Future Improvements
- Implementation of the Paypal Business API.
- Implementation of MongoDB to allow for the site to be updated without altering the code in place.
- Recreating the site using REACT, creating much cleaner and more easily understandable source code.
Other
This project was created by myself and Kauther Zeini for our final project in our Web Applications Course. Although it was done for our coursework, we fully intend to have the site go live in the near future. The owner of the clothing brand, a close friend of ours, had reached out expressing his frustrations of hosting the site on Shopify due to their extremely high monthly price of hosting the site. We wanted to challenge ourselves and attempt to host the site ourselves and pick up new skills in the process.