/Conference-Page

An online website for a conference event. It is a replica of Cindy Shin's original design.

Primary LanguageCSSMIT LicenseMIT

logo

Microverse README

📗 Table of Contents

📖 Conference Page

Conference Page is an online website for a conference event. It is to replicate Cindy Shin's original design.

conference-page-all-devices-black

🛠 Built With

Tech Stack

html5css3javascript

Key Features

  • Mobile version
  • Desktop version
  • Mobile menu
  • Dynamic speakers section
  • More/Less speaker buttons

(back to top)

🚀 Live Demo

(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:

  • A PC running any operating system like Windows, Linux, or MacOS
  • An Internet connection
  • Knowledge of some basic Git commands
  • A browser like Microsoft Edge, Google Chrome or Mozilla Firefox
  • Git installed

Setup

  • Link your PC to GitHub
  • Clone this repository to your desired folder:

cd my-folder git clone https://github.com/miltonHenschel/Capstone-Project-1-Conference-Page.git

  • Open the file in your code editor
  • Setup JavaScript + CSS + HTML linter

Run the following codes in your project folder in your IDE: npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x npm install --save-dev eslint@7.x eslint-config-airbnb-base@14.x eslint-plugin-import@2.x babel-eslint@10.x

Install

Install this project with:

  • node_models npm install -g node-modules
  • project dependencies

Run tests

To run Stylelint and ESLint tests, run the following commands npx stylelint "**/*.{css,scss}" npx eslint . respectively.

Deployment

You can deploy this project using GitHub Pages

(back to top)

👥 Henschel Nketchogue Mpatchie

(back to top)

🔭 Future Features

  • Light/Dark mode
  • Scroll to top and bottom
  • Popup menu for more speaker information
  • Contact form
  • Create Join, Sponsor and CC Campaign pages

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

(back to top)

⭐️ Show your support

Give a ⭐️ if you like this project!

(back to top)

🙏 Acknowledgments

(back to top)

❓ FAQ

  • How to fix JavaScript + CSS + HTML linter errors?

    • Kindly use npx stylelint "**/*.{css,scss} --fix" and npx eslint . --fix in the project's root directory.

(back to top)

📝 License

This project is MIT licensed.

(back to top)