This project was developed for Program Developer students, focusing on tools like Git and GitHub while working remotely. This web application was designed for a fictional company 'SKY Telecom', and includes features such as a product catalog, user authentication, dropdown menus, modal dialogs, and responsive design. Below are the details of the project's structure and functionality.
To run this project locally, follow these steps:
- Clone the repository:
git clone https://github.com/fabianmendozaospina/sky-telecom.git
- Navigate to the project directory:
cd sky-telecom - Open
index.htmlin your browser to view the application.
The application includes various features for both users and administrators:
- Browse the product catalog.
- View detailed information about products.
- Log in or register as a user.
- Contact support through the contact form.
The project is organized as follows:
index.html: Main HTML file containing the structure of the web application.style.css: Stylesheet file for the application's layout and design.utils.js: Utility JavaScript for functions, event listeners and functionality.main.js: Main JavaScript file responsible for initializing and managing core application interactions, leveraging utility functions fromutils.js.
- Logo and navigation menu.
- Search and cart icons.
- Dropdown menu for additional links.
- Prominent hero banner to showcase key promotions or announcements.
- Visually engaging with space for images and text.
- Log in/Register modal for user authentication.
- Form validation and submission.
- Display of product images, names, prices, and view product buttons.
- Responsive grid layout for product display.
- Contact form for users to send messages.
- Input fields for name, email, and message, with validation.
- Social media links.
- Company information.
© Created by MITT Software Students.