- 📖 About the Project
- 💻 Getting Started
- 👥 Authors
- 🔭 Future Features
- 🤝 Contributing
- ⭐️ Show your support
- 🙏 Acknowledgements
- 📝 License
Capstone Is the project that i created for the International Conference on Interdisciplinary Social Sciences and thir future conference in july. The tample it's copied from a tamplate tha Microverse gave us.
First i use HTML 5 thas it's markup languange used for structuring and presenting content on the WWW. Then i used CSS 3 that is used for structuring and styling web pages, especially flexbox and grid too.
- NavBar : contains the logo of organization and the hamburguer menu that takes you to diferent pages and sections of the main page.
- Presentation : Were you can see the basic information of the conferense
- Page Development : Where you can se the way that the conference will develop and the profesional talking.
To get a local copy up and running, follow these steps.
In order to run this project you need:
- Have VScode instale, it's a code editor.
- Have downloaded Git.
- Have a minimum knowledge of css and html
- Live server extension
- Npm
- Node
- Flexbox
- Bootstrap
Clone this repository to your desired folder:
git clone https://github.com/federicaulzurrun/CapstoneModuleOne.git
Install this project linters: do not change the any config file in any way .
1 - Create a .github folder that contains the workflows folder (reulst will look like .github/workflows in your VSC), then add a copy of the following file linters.yml. This way you now have Lightouse installed
2 - To instal Webhint, if you are using Windows, you will need to initialize npm and create a package.json file, you can do that with the following command: npm init -y.
-
2.1 After that, you will have to run npm install --save-dev hint@7.x
-
2.2 Then, you have to create a .hintrc file and copy its content.
-
2.3 Run npx hint .
-
2.4 Fix your validations errors
3 - To install Stylelint to avoid errors and enforce conventions in styles.
-
3.1 Run npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x
-
3.2 Create a .stylelintrc.json file and copy its content.
-
3.3 Run npx stylelint "**/*.{css,scss}" on the root of your directory of your project.
-
3.4 Fix linter errors.
4- To install ESlint to avoid errors and enforce conventions in JavaScript.
-
4.1 Run npm install --save-dev eslint@7.x eslint-config-airbnb-base@14.x eslint-plugin-import@2.x babel-eslint@10.x
-
4.2 Create a .eslintrc.json file and copy its content.
-
4.3 Run npx stylelint "npx eslint ." on the root of your directory of your project.
-
4.4 Fix linter errors.
To run the project, execute the following command:
Open Live ServerTo run tests, run the following command:
To check the HTML functionality use: 'npx hint .' To check the CSS functionality use: 'npx stylelint "**/*.{css,scss}"' To check the JavaScript functionality use: 'npx eslint."'You can deploy this project using:
GitHub pages.👤 Federica Ulzurrun
- GitHub: @federicaulzurrun
- Twitter: @ulzurrunfede
- LinkedIn: Federica Ulzurrun
- -Making the page more responsive : Adding more than 1 breaking point.
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
If you like this project let me know via twitter ! and i'll follow you!
I would like to thank International Conference on Interdisciplinary Social Sciences for allowing me to use their information to create this page and to trust me with this project for their future conference.
This project is MIT licensed.
=======