Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://armandocomellas1.github.io/capstone-project-conference/
Capstone project, this is about a conference that will take place in mexico in software technologies
https://armandocomellas1.github.io/capstone-project-conference/
css html
Last synced: about 2 months ago
JSON representation
Capstone project, this is about a conference that will take place in mexico in software technologies
- Host: GitHub
- URL: https://armandocomellas1.github.io/capstone-project-conference/
- Owner: armandocomellas1
- Created: 2022-07-23T00:29:51.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2022-08-23T00:33:21.000Z (about 2 years ago)
- Last Synced: 2024-05-02T07:47:43.067Z (5 months ago)
- Topics: css, html
- Language: CSS
- Homepage:
- Size: 15.3 MB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.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.
## 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](https://armandocomellas1.github.io/capstone-project-conference/)
## Live video showing the project
You can check a live working version of this project here: [live-demo](https://drive.google.com/file/d/1Y7vXFLuFu1SEfDlnbkkC3J1IbYIUPWwm/view?usp=sharing)
## 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
👤 **Armando Gabriel Comellas**
- GitHub: [@armandocomellas1](https://github.com/armandocomellas1)
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://armandocomellas1.github.io/capstone-project-conference/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:
👤 **Mohamed**
- Github: [@aneallaryea](https://github.com/mohamed20163858)
👤 **Aleazar Yilma**
- Github: [@jdbs9514](https://github.com/Agetuni)
## 📝 License
This project is [MIT](./MIT.md) licensed.