JansueT/M1capstone

CC Global Summit Yoga 2015

📗 Table of Contents

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

📖 Capstone

An online website for a conference

Description

In this capstone project (remember what capstones are?), I am going to build a website based on an online website for a conference, but adapted to new content or another purpose.

Learning objectives

• I understand how to use medium-fidelity wireframes to create a UI.
• I will use semantic HTML tags.
• I will apply best practices in HTML code.
• I will use CSS selectors correctly.
• I will use CSS box model.
• I will useFlexbox to place elements in the page.
• I will use images and backgrounds to enhance the look of a website.
• I will demonstrate ability to create UIs adaptable to different screen sizes using media queries.
• I will use GitHub Pages to deploy web pages.
• I will apply JavaScript best practices and language style guides in code.
• I will use JavaScript to manipulate DOM elements.
• I will use JavaScript events.
• I will use objects to store and access data.
• I will communicate technical concepts to other technical people.

🛠 Built With

Tech Stack

Client

• HTML
• CSS
• CSS
• FlexBox
• Linters

Key Features

• JS.
• HTML.
• CSS.
• Linters.
• Flexbox.
• CSS Grid
• Transitions and Animations

(back to top)

🚀 Live Demo

• Live Demo link

(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 web browser to view output e.g Google Chrome.
• An IDE e.g Visual studio code.
• A terminal.

Setup

Clone this repository to your desired folder or download the Zip folder:

    "git clone https://github.com/JansueT/Portfolio.git"

• Navigate to the location of the folder in your machine:

    cd ./desired_folder/

Install all dependencies:

    "npm install"

Usage

To run the project, follow these instructions:

• You have to clone this repo to your local machine.
• If you want to run it on your preferred browser, run:

     " Open the index.html in the project directory with your preferred browser"

Run tests

To run tests, run the following command:

• HTML linter errors run:

npx hint .

• CSS linter errors run:

npx stylelint "**/*.{css,scss}"

• For unit testing, run:

npm test

Deployment

You can deploy this project using: GitHub Pages,

• I used GitHub Pages to deploy my website.
• To learn about github page information about publishing sources, see "About GitHub pages".
• or You can go through W3Schools, "W3schools github pages".

(back to top)

👥 Authors

👤 JansueT

• GitHub: @githubhandle
• instagram: @cansuetas
• twitter: @cansu8tas
• linkedIn: @LinkedIn

👥 Collabrations

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

🔭 Future Features

• Make the site dynamic
• Add DOM
• Add CSS preprocessors
• Add Bootstrap.

(back to top)

⭐️ Show your support

Give a ⭐️ if you like this project and how I managed to build it!

(back to top)

🙏 Acknowledgments

• Thanks to the Microverse team for the opportunity to make this project.
• A huge appreciation to my coding partner(s), morning session team, and standup team for their motivational support.

(back to top)

- I would like to thank Cindy Shin https://www.behance.net/adagio07 author of the original design https://www.behance.net/gallery/29845175/CC-Global-Summit-2015

(back to top)

📝 License

This project is MIT licensed.

(back to top)