Giter VIP home page Giter VIP logo

lily4178993 / leaders-week Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 23.03 MB

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.

License: MIT License

HTML 37.66% JavaScript 14.55% CSS 47.79%
conference-website css3 html5 javascript linters nodejs learning-project

leaders-week's Introduction


logo

Leaders Week



Table of Contents πŸ“‹



leaders-week πŸ“–

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.


Built With πŸ› 

Tech Stack πŸ—œοΈ

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


Key Features 🏷️

  • The project is UI responsive.πŸ’―
  • The section "Featured speakers" was created dynamically in JavaScript.

(back to top)



Live Demo πŸš€

This conference website is hosted on GitHub pages, so if you want to check it online, please 😊 Click here.

(back to top)


Getting Started πŸ’»

To get a local copy up and running, follow these steps.

Prerequisites 🧱

In order to run this project you need:



Setup βš™οΈ

  • Clone this repository to your desired folder:
    git clone https://github.com/lily4178993/leaders-week.git
  • Navigate to the folder
cd leaders-week
  • Checkout the branch
git checkout main



Install πŸ—οΈ

Install all dependencies:

    npm install



Usage πŸ“‚

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



Deployment

You can deploy this project using: GitHub Pages, Vercel or Netlify.

I used GitHub Pages to host my website. For more information about how to use GitHub pages read here 🀩. If you want to watch a video about how to use GitHub pages instead of reading click here ☺️.

(back to top)



Author

Want to get in touch with me πŸ“²? Here are my social links:

GitHub


Twitter

LinkedIn

(back to top)



Future Features πŸ”­

  • implement the tickets page
  • implement the schedule page
  • include more transitions and/or animations

(back to top)



Contributing 🀝

If you have suggestions πŸ“, ideas πŸ€”, or bug reports πŸ›, please feel free to open an issue on GitHub. Remember, every contribution, no matter how big or small, makes a difference.

(back to top)



Show your support 🌟

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.

(back to top)



Acknowledgments πŸ™

I would like to express my sincere gratitude to Microverse, 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, the author of the design that I have utilized.

(back to top)

License πŸ“

This project is MIT licensed.

(back to top)

leaders-week's People

Contributors

dependabot[bot] avatar lily4178993 avatar

Stargazers

 avatar  avatar

Watchers

 avatar

leaders-week's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.