Capstone project, this is about a conference that will take place in mexico in software technologies

  • By Armando Comellas
  • Last update: Aug 23, 2022
  • Comments: 1

Conference page - HTML/CSS & JavaScript project

Hi there! This project is based on an online website for a conference. The objectives are:

  • 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.

List of technologies

  • HTML
  • CSS
  • JavaScript
  • (Used Lighthouse, Webhint, and Stylelint as linters)

Description of the project:

  • This is a conference UI multipage web site that will take place in mexico a conference about technologies.
  • The purpose of this project is to show the responsive design and menu for desktop and smaller devices.

Live Demo

You can check a live working version of this project here: live-demo

Live video showing the project

You can check a live working version of this project here: live-demo

Getting Started

To get the content of this project locally you need to run the following commands in your terminal.

Prerequisites

  • IDE(code editor) like: Vscode, Sublime, etc.
  • Git

Setup

  1. Download the Zip file or clone the repo with:
git clone https://github.com/CindyDorantes/Capstone-project-Conference-page.git
  1. To access cloned directory run:
cd Capstone-project-Conference-page
  1. Open it with the live server

Install

To install linters and other project's dependencies run:

npm install

Run Test for Linters

For tracking linter errors locally you need to follow these steps:

  1. For tracking linter errors in HTML files run:
npx hint .
  1. For tracking linter errors in CSS or SASS files run:
npx stylelint "\*_/_.{css,scss}"
  1. For tracking linter errors in JavaScript files run:
npx eslint .

Authors

👤 Armando Gabriel Comellas

🤝 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

  • Thanks to Cindy Shin for the amazing work she did in the CC Global Summit 2015 Project, which was used as a reference and guide for this webpage.

  • Thanks to my learning partners for their help and support in our learning path:

👤 Mohamed

👤 Aleazar Yilma

📝 License

This project is MIT licensed.

Github

https://github.com/armandocomellas1/capstone-project-conference

Comments(1)

  • 1

    HTML/CSS & JavaScript capstone project - Conference page

    Conference page - HTML/CSS & JavaScript project

    Hi there! This project is based on an online website for a conference. The objectives are:

    • 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.