📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
    • Future Features
  • 🚀 Live Demo
  • 🚀 Video Presentation
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• ❓ FAQ
• 📝 License

📖 Capstone project 1

This is a project that build with the checking tool linter, language HTML/CSS and JavaScript to have header, footer, feature speakers with dynamic HTML, home and about page, etc.

🛠 Built With VS Code

Tech Stack

GitHub/Git, VS Code, HTML/CSS, Linter, JavaScript

Key Features

• Header & Footer
• Home Page
• About Page
• Feature Speakers with dynamic HTML

All of above can be viewed in mobile and desktop responsively.

(back to top)

Future Features

• Dynamic header
• Other pages

(back to top)

Live Demo

• https://mpa-mxiang.github.io/capstone1/

(back to top)

Video Presentation

• https://www.loom.com/share/503467aedc8b46a1afa4e16e7ebc4c9c

(back to top)

💻 Getting Started

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

Prerequisites

In order to run this project you need:

Clone the repository using git, and open it with VS code.

So make sure you have VS code installed beforehead, you call install VS code through https://code.visualstudio.com/download.

Setup

Clone this repository to your desired folder in your laptop:

cd "your-folder-name" git clone git@github.com:https://github.com/mpa-mxiang/capstone1.git

Usage

To open the project, you can:

• Use your prefered explorer and open the index.html file.
• You can right click the index.html file to open in the live server with the localhost.
• Check live demo: live demo

Deployment

You can deploy this project using VS Code terminal with using related command.

(back to top)

👥 Author

👤 ** Jiachun Xiang **

• GitHub: https://github.com/mpa-mxiang
• LinkedIn: https://www.linkedin.com/in/jiachun-lily-xiang-1b197213a/

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

If you like to contribute, report issues, or request feature(s), please contact me through one of the above media link:)

(back to top)

⭐️ Show your support

If you like this project please star this project to support, thank you for your support!

(back to top)

🙏 Acknowledgments

I would like to thank Cindy Shin, the author of the original design, provides such fantastic creative common's design with Creative Common License from Behance.

(back to top)

❓ FAQ

• Is it difficult?

  • It is common difficult for the setup, but do not give up. Once you get it, you would feel great!

(back to top)

• Why linter?

  • It is pretty helpful for your project. For this one, stylelint helps me to style the style.css file better.)

📝 License

This project is MIT licensed.

(back to top)