Velzck_Festival

KO | EN

gitlite — search

#react #ai #llm #android #rust #deep-learning #linux #docker #java #awesome #awesome-list #ios #mcp #open-source

Velzck_Festival

(★ 25)

In this capstone project, I demonstrated how to manage the DOM properly using Vanilla JavaScript. I was able to develop a dynamic and responsive website that showcases my improved skills, while also incorporating correct GitFlow usage and Linters for better code quality.

Velzck_Festival Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<a name="readme-top"></a>
<div align="center">
 
 ![git-logo](https://github.com/VelzckC0D3/Velzck_Shop/assets/92229666/e0a9bd85-bf69-4013-a10b-fdadbb0f7d35)

</div>

# 📗 Table of Contents

- [📖 About the Project](#about-project)
  - [🛠 Built With](#built-with)
    - [Tech Stack](#tech-stack)
    - [Key Features](#key-features)
  - [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
  - [Setup](#setup)
  - [Prerequisites](#prerequisites)
  - [Install](#install)
  - [Usage](#usage)
  - [Run tests](#run-tests)
  - [Deployment](#deployment)
- [👥 Author](#author)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [❓ FAQ (OPTIONAL)](#faq)
- [📝 License](#license)

# 📖 [Architecture & Design Festival ] <a name="about-project"></a>

Introducing Architecture & Designers Festival, another sneak peek of my Fonrt-End skills, you can check that this site is totally responsive and adaptative, using pure CSS, HTML and DOM with JavaScript

## 🛠 Built With <a name="built-with"></a>

### Tech Stack <a name="tech-stack"></a>

<details>
 <summary>Client</summary>
 <ul>
 <li><a href="https://developer.mozilla.org/en-US/docs/Web/HTML">HTML</a></li>
 <li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS">CSS</a></li>
 <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript">JavaScript</a></li>
 </ul>
</details>

<details>
 <summary>Server</summary>
 <ul>
 <li><a>N/A</a></li>
 </ul>
</details>

<details>
<summary>Database</summary>
 <ul>
 <li><a>N/A</a></li>
 </ul>
</details>

### Key Features <a name="key-features"></a>

- **[Easy to navigate]**
- **[Mobile First Focus]**
- **[It is well designed]**
- **[It shows the proper GitFlow]**
- **[Totally reponsive]**
- **[JavaScript functions]**

(<a href="#readme-top">back to top</a>)

## 🚀 Live Demo <a name="live-demo"></a>

[Click here to visit the Live Demo on Netlify](https://velzck-festival.netlify.app)
\
[Click here to visit the Live Demo on GitHub](https://velzckc0d3.github.io/)
\
\
![showcase-website](https://user-images.githubusercontent.com/92229666/226071093-8cb8a997-561c-4b24-a40e-678d6de881ec.gif)

(<a href="#readme-top">back to top</a>)

## 💻 Getting Started <a name="getting-started"></a>

To get a local copy up and running, follow these steps.

### Prerequisites

In order to run this project you need:

```sh
 To have a computer, Internet, Keyboard and Mouse
```

### Setup

Clone this repository to your desired folder:

```sh
  Open it with Visual Studio Code, and open a server with "LiveServer".
```

### Install

Install this project with:

```sh
  Installation is not necessary
```

### Usage

To run the project, execute the following command:

```sh
Open Live Server
```

### Run tests

To run tests, run the following command:

```sh
  To check the HTML functionality use: 'HTML npx hint .'
```

```sh
  To check the CSS functionality use: 'npx stylelint "**/*.{css,scss}"'
```

```sh
  To check the JavaScript functionality use: 'npx eslint."'
```

### Deployment

You can deploy this project using:

```sh
Your software of preference
```

(<a href="#readme-top">back to top</a>)

## 👥 Author <a name="author"></a>

- GitHub: [@VelzckC0D3](https://github.com/VelzckC0D3)
- LinkedIn: [VelzckC0D3](https://www.linkedin.com/in/velzckcode/)

## 🔭 Future Features <a name="future-features"></a>

- [ ] **[CSS Animations and Transitions]**
- [ ] **[Easy user interface to navigate with]**
- [ ] **[Complete, user friendly design, responsive and optimized]**
- [ ] **[JavaScript functions that ensures the proper functioning of the website]**
- [ ] **[Dynamic generated 'speakers' section]**
- [ ] **[It dynamically switches between `home` and `about` so whenever the user goes to one of those pages, the website isn't reloaded, instead it just execute a JS function that shows the correct page displayed!]**

(<a href="#readme-top">back to top</a>)

## 🤝 Contributing <a name="contributing"></a>

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

(<a href="#readme-top">back to top</a>)

## ⭐️ Show your support <a name="support"></a>

If you like this project, be pending on my profile since I'll be doing much more!

(<a href="#readme-top">back to top</a>)

## 🙏 Acknowledgments <a name="acknowledgements"></a>
❗ **I want to say thanks to Cindy Shin who let us use her original design for this project! [click here to visit her behance profile](https://www.behance.net/adagio07)** ❗
\
I would like to thanks my Microverse Team for helping me to get this done.

(<a href="#readme-top">back to top</a>)

## ❓ FAQ<a name="faq"></a>

- **[Which languages did you use in this project?]**

- [HTML, CSS and JavaScript applying DOM]

- **[What was the most difficult thin to achieve here?]**

- [The responsiveness and adapative design, also the JavaScript functions that I've implemented]

Velzck_Festival

Velzck_Festival Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Velzck_Festival

Velzck_Festival Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README