ASIA WEB CONFERENCE 2022

Microverse First Capstone Project

This is an educational project to make a website for a web conference event with home page and about page.

Learning Objectives 🔖

• Use semantic HTML tags.
• Apply best practices in HTML code.
• Use CSS selectors correctly.
• Use CSS box model.
• Use Flexbox to place elements in the page.
• Demonstrate ability to create UIs
• adaptable to different screen sizes using media queries.
• Use GitHub Pages to deploy web pages.
• Apply JavaScript best practices and language style guides in code.
• Use JavaScript to manipulate DOM elements.
• Use JavaScript events.
• Use objects to store and access data.
• Communicate technical concepts to other technical people.

Project Documentation

• Here is the loom video link

Website Mockup 📱 💻 🖥️

Screenshots 📸

Mobile and desktop version screenshots can be found in the repository.

Built With 🛠️

• HTML, CSS and JavaScript
• Linters: Lighthouse, Webhint, Stylelint and ESlint
• VS Code

Live Demo 🔗

Check out the live demo here 👈

Getting Started ✅

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

Prerequisites

• A web browser like Google Chrome.
• A code editor like Visual Studio Code with Git and Node.js.

You can check if Git is installed by running the following command in the terminal.

$ git --version

Likewise for Node.js and npm for package installation.

$ node --version && npm --version

Setup

Clone the repository using the GitHub link provided below.

Install

In the terminal, go to your file directory and run this command.

$ git clone [email protected]:mavericks-db/capstone01.git

Usage

Kindly modify the files as needed. This website demonstrates both desktop and mobile versions.

Run tests

To check for linters, use the files provided by Microverse. A GitHub action is also set to run during pull request.

$ npm install

Deployment

This app is deployed in the GitHub Pages for easy viewing. Please find the link in the Live Demo section.

Authors

👤 Mavericks Balitaan

• GitHub:
• Twitter:
• Facebook:
• LinkedIn:
• Gmail:

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• Microverse

• Code Reviewers

• Original design idea by Cindy Shin in Behance

• under the Creative Commons license

📝 License

This project is MIT licensed.

Github