https://github.com/rustembey/future-tech
This is a website front-end project, built with HTML, SCSS, and Vanilla JavaScript, completed within Alexander Lamkov's masterclass.
https://github.com/rustembey/future-tech
html js scss
Last synced: about 2 months ago
JSON representation
This is a website front-end project, built with HTML, SCSS, and Vanilla JavaScript, completed within Alexander Lamkov's masterclass.
- Host: GitHub
- URL: https://github.com/rustembey/future-tech
- Owner: rustembey
- License: other
- Created: 2025-04-03T12:09:45.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-05T16:04:33.000Z (about 1 year ago)
- Last Synced: 2025-04-09T16:08:48.514Z (about 1 year ago)
- Topics: html, js, scss
- Language: HTML
- Homepage: https://rustembey.github.io/future-tech/
- Size: 9.11 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: news.html
- License: LICENSE
Awesome Lists containing this project
README
# Project Name
## Project Description
This project is a 6-page website developed using the following technologies:
- **HTML**: for the structure and content of the pages.
- **SCSS**: for styling and organizing the CSS code.
- **Vanilla JavaScript**: for interactivity and dynamic features.
## Architecture
The website is built using a **component-based architecture**.
- The **BEM (Block, Element, Modifier)** methodology was used to structure the CSS and HTML.
- Each BEM block is implemented as a separate component, ensuring modularity and code reusability.
## Functionality
The following features were implemented using JavaScript:
- **Modal Window**: for displaying pop-up windows with additional information or forms.
- **Custom Select Input**: for styling and enhancing the standard select element.
- **Tab Navigation**: for switching between content sections on the page.
## Installation and Setup
### Clone the repository:
```bash
git clone (https://github.com/rustembey/future-tech.git)
```
### Open the project:
Simply open the `index.html` file in your browser.
## Project Structure
```
project-name/
├── index.html
├── styles/
│ ├── main.scss
│ ├── blocks/
│ │ ├── _about.scss
│ │ ├── _accordion-group.scss
│ │ ├── _tabs.scss
│ │ └── ...
│ └── ...
├── scripts/
│ ├── modal.js
│ ├── select.js
│ ├── tabs.js
│ └── main.js
└── images/
└── ...
```
## Dependencies
This project only uses the standard features of **HTML, SCSS, and Vanilla JavaScript**, so there are no additional dependencies.
## Acknowledgments
This project was completed as part of **Alexander Lamkov's masterclass**.
## Author
**Rustem**
## License
**All Rights Reserved.**