/first-capstone-conference

A simple conference website that displays a list of tech-related events where users can check the list of speakers & book a seat if they're interested. Built with HTML, CSS, & JavaScript.

Primary LanguageCSS

Twitter Badge LinkedIn Badge CodePen Badge

ZikaZaki-Capstone-Project

This project is my first capstone project which is part of my Microverse exercises. This project follows the Mobile First approach, in order to make it prepared and responsive for different screen sizes. However, the goal here is to master and focus on best practices and professional Simple, Visual, Thorough, & Looking-Good shared traits.

Built With ⚙️

  • Language: HTML, CSS, & JavaScript
  • Linters: Lighthouse, Webhint, Stylelint and ESLint
  • Code Editor: VS Code
  • Design Guidelines

Live Demo (Deployed on GitHub Pages)

GitHub Pages

Live Demo Link

Live Demo (Video Using Loom)

Here's a link to the recorded video Video of The Project, which I explain all the features and customizations I added to the project.

Mobile-Screenshots

Photo_image

Desktop-Screenshots

Photo_image

Getting Started

This is an example of how you may give instructions on setting up your project locally. Modify this file to match your project, remove sections that don't apply. For example: delete the testing section if the correct project doesn't require testing.

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

Prerequisites

  • Google Chrome or other web browser.
  • Git version control system.
  • VS Code or other code editors.

Setup

  • Create a new Microverse folder and move into it.

  • Open the Command Prompt (CMD) in the current directory (Microverse Folder).

  • Run the following command:

    git clone https://github.com/ZikaZaki/first-capstone-conference

  • Once finished you should see a new folder called capstone-project in your current directory.

  • Start customizing the project so it fits your personal preferences and needs.

  • Enjoy your new professional portfolio!

Run tests

To check for linters, use the files provided by Microverse. A GitHub action is also set to run during pull request.

$ npm install

Authors

👤 Zakariya Al-Khamisi

Show your support

Give a ⭐️ if you like this project!

Credits

Cindy Shin the author of the original design,

Acknowledgments

  • Microverse
  • Code Reviewers
  • Coding Partners
  • Hat tip to anyone whose code was used
  • Inspiration
  • etc

📝 License

This project is MIT licensed.