velzckc0d3 / velzck_festival

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.

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥 Author
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• ❓ FAQ (OPTIONAL)
• 📝 License

📖 [Architecture & Design Festival ]

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

Tech Stack

Client

• HTML
• CSS
• JavaScript

Server

• N/A

Database

• N/A

Key Features

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

(back to top)

🚀 Live Demo

Click here to visit the Live Demo on Netlify
Click here to visit the Live Demo on GitHub

(back to top)

💻 Getting Started

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

Prerequisites

In order to run this project you need:

 To have a computer, Internet, Keyboard and Mouse

Setup

Clone this repository to your desired folder:

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

Install

Install this project with:

  Installation is not necessary

Usage

To run the project, execute the following command:

Open Live Server

Run tests

To run tests, run the following command:

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

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

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

Deployment

You can deploy this project using:

Your software of preference

(back to top)

👥 Author

• GitHub: @VelzckC0D3
• LinkedIn: VelzckC0D3

🔭 Future Features

• [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!]

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

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

(back to top)

🙏 Acknowledgments

❗ 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 ❗
I would like to thanks my Microverse Team for helping me to get this done.

(back to top)

❓ FAQ

• [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]

(back to top)

📝 License

This project is MIT licensed.

(back to top)