https://github.com/lily4178993/leaders-week
The Summit Conference website built with HTML, CSS, and JavaScript. The website shows the event schedule, speakers, and registration details. The website features a user-friendly interface and is designed to provide users with a seamless experience when browsing through the website.
https://github.com/lily4178993/leaders-week
conference-website css3 html5 javascript learning-project linters nodejs
Last synced: 5 months ago
JSON representation
The Summit Conference website built with HTML, CSS, and JavaScript. The website shows the event schedule, speakers, and registration details. The website features a user-friendly interface and is designed to provide users with a seamless experience when browsing through the website.
- Host: GitHub
- URL: https://github.com/lily4178993/leaders-week
- Owner: lily4178993
- License: mit
- Created: 2023-05-20T15:40:31.000Z (about 3 years ago)
- Default Branch: dev
- Last Pushed: 2024-06-04T21:59:41.000Z (about 2 years ago)
- Last Synced: 2025-05-27T00:06:30.250Z (about 1 year ago)
- Topics: conference-website, css3, html5, javascript, learning-project, linters, nodejs
- Language: CSS
- Homepage:
- Size: 22.5 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Leaders Week
## Table of Contents 📋
- [About the Project](#about-project)
- [Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [Live Demo](#live-demo)
- [Getting Started](#getting-started)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [Deployment](#deployment)
- [Author](#author)
- [Future Features](#future-features)
- [Contributing](#contributing)
- [Show your support](#support)
- [Acknowledgements](#acknowledgements)
- [License](#license)
The Summit Conference website built with HTML, CSS, and JavaScript. The website showcases information about the upcoming Summit Conference, including the event schedule, speakers, and registration details. The website features a user-friendly interface and is designed to provide users with a seamless experience when browsing through the website.
Client
-
HTML5 markup to build raw structure of this web page -
CSS3 custom properties, FlexBox, Grid to make the website visually attractive - Javascript for dynamic functionality
-
Node JS as a javascript runtime machine [git], a free and open source distributed version control system -
Linters for coding convention and coding formating
- **The project is UI responsive.💯**
- **The section "Featured speakers" was created dynamically in JavaScript.**
This conference website is hosted on [GitHub pages](#deployment), so if you want to check it online, please 😊 [Click here]( https://lily4178993.github.io/leaders-week/).
To get a local copy up and running, follow these steps.
In order to run this project you need:
- A web browser to view output e.g [Microsoft Edge](https://www.microsoft.com/en-us/edge).
- An IDE e.g [Visual studio code](https://code.visualstudio.com/).
- [A terminal](https://code.visualstudio.com/docs/terminal/basics).
- Clone this repository to your desired folder:
```sh
git clone https://github.com/lily4178993/leaders-week.git
```
- Navigate to the folder
```
cd leaders-week
```
- Checkout the branch
```
git checkout main
```
Install all dependencies:
```sh
npm install
```
To run the project, follow these instructions:
- You have to clone this repo to your local machine.
```
git clone https://github.com/lily4178993/leaders-week
```
- If you want to run it on your preferred browser, open index.html or about.html.
### Run tests 🧪
How should it be tested?
To run tests, run the following command:
- HTML linter errors run:
```
npx hint . --fix
```
- CSS linter errors run:
```
npx stylelint "**/*.{css,scss}" --fix
```
- JavaScript linter errors run:
```
npx eslint . --fix
```
- For unit testing, run:
```
npm test
```
You can deploy this project using: GitHub Pages, [Vercel](https://vercel.com/) or [Netlify](https://www.netlify.com/).
I used GitHub Pages to host my website. For more information about how to use GitHub pages [read here](https://www.w3schools.com/git/git_remote_pages.asp?remote=github) 🤩. If you want to watch a video about how to use GitHub pages instead of reading [click here](https://www.youtube.com/watch?v=QyFcl_Fba-k&t=251s) ☺️.
Want to get in touch with me 📲? Here are my social links:
> [GitHub](https://github.com/lily4178993/)
> [Twitter](https://twitter.com/nelly_telli)
> [LinkedIn](https://www.linkedin.com/in/nelly-t-330414266/)
- [ ] implement the tickets page
- [ ] implement the schedule page
- [ ] include more transitions and/or animations
If you have suggestions 📝, ideas 🤔, or bug reports 🐛, please feel free to open an [issue](https://github.com/lily4178993/leaders-week/issues) on GitHub.
Remember, every contribution, no matter how big or small, makes a difference.
Thank you for taking the time to explore my GitHub project! Your support means a lot to me. If you find my project valuable and would like to contribute, here are a few ways you can support me:
- Star the project ⭐️: Show your appreciation by starring this GitHub repository. It helps increase visibility and lets others know that the project is well-received.
- Fork the project 🍴 🎣: If you're interested in making improvements or adding new features, feel free to fork the project. You can work on your own version and even submit pull requests to suggest changes.
- Share with others 🗺️: Spread the word about this project. Share it on social media, mention it in relevant forums or communities, or recommend it to colleagues and friends who might find it useful.
I would like to express my sincere gratitude to [Microverse](https://github.com/microverseinc), the dedicated reviewers, and my partners. Your unwavering support, feedbacks, and collaborative efforts have played an immense role in making my journey a resounding success. Thank you for being an integral part of my achievements.
I would like to express my sincere gratitude to [Cindy Shinw](https://www.behance.net/adagio07), the author of the [design](https://www.behance.net/gallery/29845175/CC-Global-Summit-2015) that I have utilized.
This project is [MIT](./LICENSE) licensed.