GithubHelp home page GithubHelp logo

miltonhenschel / conference-page Goto Github PK

View Code? Open in Web Editor NEW
8.0 1.0 0.0 2.61 MB

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

Home Page: https://miltonhenschel.github.io/Conference-Page/

License: MIT License

CSS 40.70% HTML 39.51% JavaScript 19.79%
conference-site landing-page landing-pages

conference-page's Introduction

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 [email protected] [email protected] [email protected] [email protected] npm install --save-dev [email protected] [email protected] [email protected] [email protected]

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)

conference-page's People

Contributors

miltonhenschel avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

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.