Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/abenezer-tilahun/creative-hub-conference-page
This is a website for a Creative-Hub festival I developed as part of my capstone project for the Microverse program module 1. The website is for an upcoming Creative-Hub festival for Software developers Rising, an extreme Software company that is having their event in Ethiopia (Africa).
https://github.com/abenezer-tilahun/creative-hub-conference-page
css html javascript
Last synced: 4 days ago
JSON representation
This is a website for a Creative-Hub festival I developed as part of my capstone project for the Microverse program module 1. The website is for an upcoming Creative-Hub festival for Software developers Rising, an extreme Software company that is having their event in Ethiopia (Africa).
- Host: GitHub
- URL: https://github.com/abenezer-tilahun/creative-hub-conference-page
- Owner: Abenezer-Tilahun
- License: zlib
- Created: 2022-02-07T17:57:56.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2024-01-11T13:28:59.000Z (about 1 year ago)
- Last Synced: 2025-01-12T23:08:36.308Z (14 days ago)
- Topics: css, html, javascript
- Language: HTML
- Homepage:
- Size: 38.4 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# Software Developers Ethiopia Summit | Capstone Project - Module 1
> This is a complete version of my first module capstone project i built and completed on my 5th week at microverse. This is a Software developers conference summit page event that happened in 2022, A Loom video documentation for this project can be found here [Link to video documentation](https://www.loom.com/share/939894ce7136466cb4c183a865442740)
My goal here is to Build a summit site from scratch, with focus on a mobile first design. take a peak at what i'v built [Live Demo]( https://abenezer-tilahun.github.io/Creative-Hub-Conference-page/). 😊
## Contents
* [Homepage](#homepage)
* [About](#About)
* [Program](#program)
* [Featured speakers](#speakers)
* [Partners](#partners)
* [Mobile menu](#mobile)
### Features implemented:
* Integration of style linters for CSS, web linters for html & Lighthouse for page optimization testing
* Responsive mobile view and web view design using css media-queries, flex-box, and grids
* Launched and deployed to github pages ([Live Demo]( https://abenezer-tilahun.github.io/Creative-Hub-Conference-page/))
* Implemented navigation menu on mobile with JavaScript events
* Dynamically load speakers section contents from JS objects
* Dynamically load navigation header from JS, for a single header to be used across all pages.
## Built With
- HTML5
- CSS3 (Flex and Media queries)
- Bootstrap styling (A popular CSS Framework for developing responsive and mobile-first websites.)
- Lighthouse (An open-source, automated tool for improving the quality of web pages. It has audits for performance, accessibility, progressive web apps, SEO and more).
- Webhint (A customizable linting tool that helps you improve your site's accessibility, speed, cross-browser compatibility, and more by checking your code for best practices and common errors).
- Stylelint (A mighty, modern linter that helps you avoid errors and enforce conventions in your styles).
- ESlint (A mighty, modern linter that helps you avoid errors and enforce conventions in JavaScript codes)
To get a local copy up and running follow these simple example steps.
### Prerequisites
The basic requirements for building the executable are:
* A working browser application (Google chrome, Mozilla Fire fox, Microsoft edge ...)
* VSCode or any other equivalent code editor
* Node Package Manager (For installing packages like Lighthous, webhint & stylelint used for checking for debugging bad codes before deployment)
# Getting Started
#### Cloning the project
```
git clone https://github.com/Abenezer-Tilahun/Creative-Hub-Conference-page.git
```
## Getting packages and debuging with Stylelint
```
npm install --save-dev [email protected] [email protected] [email protected] [email protected]
```
##### For validation detection using Stylelint Run
```
npx stylelint "**/*.{css,scss}"
```
##### from parent source directory
## Getting packages and debuging with ESlint
```
npm install npm install --save-dev [email protected] [email protected] [email protected] [email protected]
```
##### For validation detection using Stylelint Run
```
npx eslint .
```
##### from parent source directory
## Getting packages and debuging with Webhint
```
npm init -y
npm install --save-dev [email protected]
```
##### For validation detection using Webhint Run
```
npx hint .
```
##### from parent source directory
## Authors
👤 **Author1**
- GitHub: [@githubhandle](https://github.com/Abenezer-Tilahun)
- Twitter: [@twitterhandle](https://twitter.com/AbenezerTilah11)
- LinkedIn: [LinkedIn](linkedin.com/in/abenezer-tilahun-4b4b43137)
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgement
I have followed the [design](https://www.behance.net/gallery/29845175/CC-Global-Summit-2015) given by [Cindy Shin in Behance](https://www.behance.net/adagio07)
## License
All source code files are licensed under the permissive zlib license
(http://opensource.org/licenses/Zlib) unless marked differently in a particular folder/file.