Skip to content

musaocak1/CTRL_Future_Project-ModaMusa

Repository files navigation

ModaMusa Online Clothing Store

ModaMusa is an online clothing store created using HTML, CSS and JavaScript. We utilize JSON data to dynamically generate HTML pages. This approach allows us to manage and display product information efficiently. This project includes responsive design that will allow users to view the website seamlessly on different devices (computer, phone, tablet).

Author : Musa OCAK

Features

  • In this project, a multi-page e-commerce site was created.
  • Responsive design was made using HTML CSS & Javascript.
  • Modern CSS, including flexbox and CSS Grid for layout.
  • Modern CSS techniques to create stunning designs and effects.
  • Advanced responsive design using media queries.
  • Dynamic HTML Generation with JSON
  • In the SPRODUCT.HTML file,featured product's section are now displayed randomly on each page load to keep things fresh for our users.

Installation

Clone the project:

git clone https://github.com/musaocak1/CTRL_Future_Project-ModaMusa.git 

How to Use

  • Clone this repository and open it in your favorite IDE (VSCode, Atom or Sublime)

  • You can view the website by opening the index.html file in the folder in the browser.

Future Works

This section contains the further development phases of the project.

Shopping Cart Functionality

  • Add functionality to dynamically update basket items. (Users should be able to see their basket instantly.)
  • Add empty basket functionality to the shopping basket page. (Users may want to clear their basket.)
  • Add a function to delete basket items. (Users should remove the items they want from the basket.)
  • Create a checkout page for the checkout process. (Users must perform the checkout process.)
  • Add functionality to add coupons and discount codes. (Users should be able to use discount codes.)

Adding a Search Button

  • Add a search button on the home page. (Users should be able to search the content.)
  • Create a result page to show the search results.

Updating the Blog Page

  • Making the blog page functional. (Users should be able to read the articles.)
  • Create an admin panel to add new blog posts.

Contact

For your questions or feedback about the project, you can contact us at musaocak1@gmail.com