Run the code

2 minute read

'Run the code' is an online footwear store targeting a dynamic audience that follows the latest trends. Recognizing the potential of the industry, we aimed to create a simple yet attractive website that offers highly sought-after products to capitalize on sales.

Type

  • E-Commerce website

Stack

  • HTML
  • CSS
  • JavaScript
  • Vue.js
  • Python
  • Flask
  • MySQL

Code

Live

Run the code

Project Purpose and Goal

The project originated as part of the final assignment for a course I completed. As my first formal project and the first website I built with all its functionalities the objective was to create an e-commerce site with a fresh and dynamic style. Leading the project in a team of four members, we focused on analyzing the market and the current offerings related to this type of site and tailored it to our personal vision. The outcome is a professional website that fulfills almost all the functions and requirements of this type of e-commerce.

Problems and Thought Process

One of the challenges we faced as a team with no prior experience in the industry was learning to communicate and come to agreements to efficiently carry out the project together. Despite this, our initial focus was on conducting market analysis to design and create a website that aligns with current offerings. Through this process, we discovered several websites with significant deficiencies in terms of style, response times, and layout errors. As a result, we focused on designing a simple and modern yet user-friendly interface, incorporating responsive design to enhance accessibility and user experience across various devices.

Since the web site is part of a project rather than for commercial purposes, and considering it was our first experience with APIs, one of the challenges we encountered was finding a suitable API that met our requirements and ensuring that the design remained visually correct and functional after fetching data. We implemented an adapted version of the SCRUM methodology, working in modular blocks with defined tasks. After completing each module, we assessed the results obtained and redefined new objectives accordingly, continuing this iterative process.

Web Stack and Explanation

We primarily utilized HTML, CSS, and vanilla JavaScript as our stack for the project. We made a deliberate choice to avoid employing any frameworks or minimize their usage, aiming to maximize our learning experience with these technologies and gain a native understanding of the tools. This approach would then enable us to easily implement other available frameworks in the future.

For the backend, we worked with Python as our primary resource and utilized MySQL as a secondary tool for database management. We deployed the site on Netlify because we felt comfortable with the tools it provides for continuous deployment and integration.

Lessons Learned

This project taught me the value of effective communication and the outcomes achieved through a structured approach to project management. Through effective collaboration, continuous learning, and agile project management, we successfully overcame these challenges to deliver a website that not only meets the goals of our project but also showcases our growth and adaptability as a team.