📗 Table of Contents

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

📖 [Greekle React Global Summits Website]

This is my first capstone project at microvesre after rounding up the portal section, The greekle online global summits website holds a virtual event where speakers who are leading expert from all over the world share ideas on how to solve challanges from work using react, greekle has the unique experience to gather huge tech summits with 10'000+ attendees in different tech domains.

Desktop Preview 👇

Mobile Preview 👇

Learning objectives

• Understand how to use medium-fidelity wireframes to create a UI.
• Follow written requirements (e.g. user stories).
• Use semantic HTML tags.
• Apply best practices in HTML code.
• Use CSS selectors correctly.
• Use CSS box model.
• Use Flexbox to place elements in the page.
• Use images and backgrounds to enhance the look of a website.
• Demonstrate ability to create UIs adaptable to different screen sizes using media queries.
• Use GitHub Pages to deploy web pages.
• Apply JavaScript best practices and language style guides in code.
• Use JavaScript to manipulate DOM elements.
• Use JavaScript events.
• Use objects to store and access data.
• Communicate technical concepts to other technical people.

🛠 Built With

• HTML (Hypertext Markup Language)

• CSS (Cascading Style Sheets)

• Js (JavaScript)

Technologies used

• Github

• Git

• WebHint

• Stylelint

• ESlint

Key Features

• [Gather huge tech summits with 10'000+ attendees in different tech domains.]
• [Gather leading expert virtually from all over the world to share ideas on how to solve challanges from work using react]

(back to top)

🚀 Live Demo

Live Demo Link

Video Presentation 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:

• Code Editor (Vs Code)

• Git

• Browser (Chrome)

Setup

Clone this repository to your desired folder:

run this commands:

  git clone git@github.com:jodavid444/First-Capstone.git

  cd First-Capstone

Usage

Open index.html in Chrome to view the website

If you are non a technical person you can download the zip file.

• To do that you have to go to the green button that says 'Code' and then press on it.
• Choose the option 'Download Zip' and wait until it download.
• Then you need to decompress it.
• You will need to have win rar file software installed in your computer. If you don't have it you can download it from here https://www.win-rar.com/download.html?&L=0
• Do double click on the First-Capstone.zip and choose a folder where to place all the decompressed files.
• Once you are done decompressing, you can open the created folder.
• In it you can double click on the index.html file and choose a browser to open it (For example google Chrome Browser).
• Now you should be able to see the project.
• Remember to use the mouse to navigate through the website. Also you can use the keys 'arrow up' and 'arrow down' of your keyboard to scroll up and down.

Authors

👤 Joseph David

• GitHub: @jodavid444

• Twitter: @jodavid444dave

• LinkedIn: @joseph-david

(back to top)

🔭 Future Features

• [Enlighten and improve skills of react developers]

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project please leave a star. Thank you 🙏

(back to top)

🙏 Acknowledgments

• I would like to thank Microverse for the great project idea and acknowledgment to Cindy Shin the author of the original design,

• Unsplash for providing content related free pictures.

• Thanks to my teammates, learning and coding partners.

(back to top)

❓ FAQ

• [How to setup the website on your local machine]

  • [Follow the steps in the setup section]

• [How to use the website on your local machine]

  • [Follow the steps in the usage section]

(back to top)

📝 License

This project is MIT licensed.

(back to top)