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.

Built With

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

Live Demo

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

3. To access cloned directory run:

cd Capstone-project-Conference-page

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

2. For tracking linter errors in CSS or SASS files run:

npx stylelint "\*_/_.{css,scss}"

3. For tracking linter errors in JavaScript files run:

npx eslint .

Authors

👤 Cindy Dorantes

• GitHub: @CindyDorantes
• Twitter: @CindyDorantes10
• LinkedIn: Cindy Melisa Dorantes Sánchez

🤝 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:

👤 Aneal Laryea

• Github: @aneallaryea

👤 Josué David Benavides Salinas

• Github: @jdbs9514

👤 Diego Luna Granados

• GitHub: @SlowKingV

📝 License

This project is MIT licensed.