Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/cindydorantes/capstone-project-conference-page
This project is based on an online website for a conference. The main objective is demonstrate ability to create UIs adaptable to different screen sizes using media queries.
https://github.com/cindydorantes/capstone-project-conference-page
css html
Last synced: 19 days ago
JSON representation
This project is based on an online website for a conference. The main objective is demonstrate ability to create UIs adaptable to different screen sizes using media queries.
- Host: GitHub
- URL: https://github.com/cindydorantes/capstone-project-conference-page
- Owner: CindyDorantes
- License: mit
- Created: 2022-06-27T20:23:36.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-07-01T14:05:56.000Z (over 2 years ago)
- Last Synced: 2023-03-05T05:28:23.165Z (almost 2 years ago)
- Topics: css, html
- Language: HTML
- Homepage:
- Size: 2.66 MB
- Stars: 11
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
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](https://cindydorantes.github.io/Capstone-project-Conference-page/)
## 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](https://www.linode.com/docs/guides/how-to-install-git-on-linux-mac-and-windows/)
### Setup
1. Download the **Zip** file or clone the repo with:
```bash
git clone https://github.com/CindyDorantes/Capstone-project-Conference-page.git
```
3. To access cloned directory run:
```bash
cd Capstone-project-Conference-page
```
3. Open it with the live server
### Install
> To install linters and other project's dependencies run:
```bash
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:
```bash
npx hint .
```
2. For tracking linter errors in CSS or SASS files run:
```bash
npx stylelint "\*_/_.{css,scss}"
```
3. For tracking linter errors in JavaScript files run:
```bash
npx eslint .
```
## Authors
👤 **Cindy Dorantes**
- GitHub: [@CindyDorantes](https://github.com/CindyDorantes)
- Twitter: [@CindyDorantes10](https://twitter.com/CindyDorantes10)
- LinkedIn: [Cindy Melisa Dorantes Sánchez](https://www.linkedin.com/in/cindydorantessanchez/)
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/CindyDorantes/Capstone-project-Conference-page/issues)
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
- Thanks to [Cindy Shin](https://www.behance.net/adagio07) for the amazing work she did in the [CC Global Summit 2015 Project](https://www.behance.net/gallery/29845175/CC-Global-Summit-2015), 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](https://github.com/aneallaryea100)
👤 **Josué David Benavides Salinas**
- Github: [@jdbs9514](https://github.com/jdbs9514)
👤 **Diego Luna Granados**
- GitHub: [@SlowKingV](https://github.com/SlowKingV)
## 📝 License
This project is [MIT](./MIT.md) licensed.