E-commerce Store Web Application - BugBusters

README.md

@@ -1 +1,74 @@
-# OHT2
+# SmartTrends E-commerce Store Web Application Documentation
+
+## Table of Contents
+
+1. [Introduction](#introduction)
+2. [Folder Structure](#folder-structure)
+3. [File Descriptions](#file-descriptions)
+4. [Libraries and Frameworks](#libraries-and-frameworks)
+5. [HTML Structure](#html-structure)
+6. [CSS Styles](#css-styles)
+7. [JavaScript Functions](#javascript-functions)
+8. [External Dependencies](#external-dependencies)
+
+## 1. Introduction <a name="introduction"></a>
+
+Welcome to the documentation for SmartTrends, an E-commerce Store Web Application. This documentation provides an overview of the structure, files, and functionality of the web application.
+
+## 2. Folder Structure <a name="folder-structure"></a>
+
+The project follows a standard folder structure:
+
+- `img`: Contains images used in the application.
+- `styles`: Holds the CSS files (`style.css` and `media_query.css`).
+- `scripts`: Includes the JavaScript file (`script.js`).
+
+## 3. File Descriptions <a name="file-descriptions"></a>
+
+- `index.html`: The main HTML file containing the structure of the home page.
+- `shop.html`: Page displaying the available products for purchase.
+- `blog.html`: Page featuring blog content.
+- `about.html`: Page providing information about the company.
+- `contact.html`: Page with contact information.
+- `login.html`: Page for user login.
+- `cart.html`: Page displaying the user's shopping cart.
+- `sproduct.html`, `sproduct2.html`, ..., `sproduct12.html`: Pages for specific products.
+- `style.css`: Main CSS file for styling.
+- `media_query.css`: CSS file containing media queries for responsiveness.
+- `script.js`: JavaScript file with functions for preloading and navigation.
+
+## 4. Libraries and Frameworks <a name="libraries-and-frameworks"></a>
+
+- [FontAwesome](https://fontawesome.com/): Used for adding scalable vector icons.
+- [Bootstrap](https://getbootstrap.com/): Integrated for responsive design components.
+
+## 5. HTML Structure <a name="html-structure"></a>
+
+The HTML structure consists of various sections:
+
+- Loader Section
+- Navigation Bar
+- Hero Section
+- Slider
+- Feature Section
+- Feature Product Section
+- Banner
+- New Arrivals Section
+
+## 6. CSS Styles <a name="css-styles"></a>
+
+CSS styles are organized in the `style.css` and `media_query.css` files. They provide a visually appealing and responsive design.
+
+## 7. JavaScript Functions <a name="javascript-functions"></a>
+
+- `preLoader()`: Function for handling the loading screen.
+- `toggleNavbar()`, `closeNavbar()`: Functions for toggling and closing the navigation bar.
+- `toggleSlider()`: Function for expanding and collapsing the slider.
+
+## 8. External Dependencies <a name="external-dependencies"></a>
+
+- [Google Fonts](https://fonts.google.com/): Fonts 'Poppins' and 'Ubuntu' are imported.
+- [Font Awesome](https://fontawesome.com/): Icons for enhanced visual appeal.
+- [Bootstrap](https://getbootstrap.com/): CSS framework for responsive design.
+
+Feel free to explore and modify the code to meet the specific needs of your E-commerce Store Web Application. If you have any questions or need further assistance, please refer to the SmartTrends support team.