Skip to content

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.

License

Notifications You must be signed in to change notification settings

VelzckC0D3/Velzck_Festival

Repository files navigation

git-logo

📗 Table of Contents

📖 [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
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

showcase-website

(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

🔭 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)

About

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.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published