Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/timbar09/africas-leading-tech-conference

This project is a dynamic conference web page. It was built with JavaScript, Sass, and HTML. On the speakers' section, speaker data is stored in the browser's local storage, and the data is retrieved when the page loads.
https://github.com/timbar09/africas-leading-tech-conference

dynamic-programming responsive-web-design sass

Last synced: 16 days ago
JSON representation

This project is a dynamic conference web page. It was built with JavaScript, Sass, and HTML. On the speakers' section, speaker data is stored in the browser's local storage, and the data is retrieved when the page loads.

Awesome Lists containing this project

README 

        






  
Africas Leading Tech Conference Page










# 📗 Table of Contents



- [📖 About the Project](#about-project)

  - [🛠 Built With](#built-with)

    - [Tech Stack](#tech-stack)

    - [Key Features](#key-features)

  - [🚀 Live Demo](#live-demo)

- [💻 Getting Started](#getting-started)

  - [Setup](#setup)

  - [Prerequisites](#prerequisites)

  - [Usage](#usage)

  - [Deployment](#triangular_flag_on_post-deployment)

- [👥 Author](#author)

- [🤝 Contributing](#contributing)

- [⭐️ Show your support](#support)

- [🙏 Acknowledgements](#acknowledgements)

- [📝 License](#license)



# 📖 Africas Leading Tech Conference Page 



**Africas Leading Tech Conference** is a tech conference page which brings together some of the world's most renowned tech professionals, with the African professionals at the core.



Whatch this [video](https://www.loom.com/share/41983cc4935e4d1baf1f93bfbce6e874) to learn more about the project.



## 🛠 Built With 



### Tech Stack 



Client




### Key Features 



- **Responsive Web Design**



  - The page adapts to different vewports, from small cell phones to very large computer screens.



- **Mobile menu**



  - On smaller vieports like phones and small tablets, the conference page displays a hamburger menu.

  - When the hambuger menu is clicked, the mobile menu pops up and the navigation links of the page are displayed.

  - The implementation of the mobile menu is largely through JavaScript.



- **Dynamic programing**



  - The speakers section of the page is programmed dynamically using javascript. All the speaker details are retrieved directly from the script file when the page loads.



(back to top)



## 🚀 Live Demo 



- Visit the live demo [here](https://timbar09.github.io/Africas-Leading-Tech-Conference/)



(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 browser (e.g. Firefox)

- An IDE (e.g. [Vususal Studio Code](https://code.visualstudio.com/download))

- [npm](https://nodejs.org/en/)

- Terminal



### Setup



To clone this repository to your desired folder, follow the steps below:



**Using the command line**



- Use the following commands



```sh

  cd my-folder

  git clone https://github.com/Timbar09/Africas-Leading-Tech-Conference.git

```



**Using GitHub Desktop app**



- Follow the steps below



  - Visit this link "https://github.com/Timbar09/Africas-Leading-Tech-Conference.git"

  - Click the green button labelled "code"

  - Select the "Open with GitHub Desktop" option

  - After the GitHub Desktop add opens, click the "clone repo" button



### Usage



To run the project, execute the following command:



**Click the "Go Live" button on your IDE(VS Code in this case)**



### Deployment



You can deploy this project by:



- visiting your repository on [GitHub](https://github.com)

- Click on settings

- Go to the "Pages" option

- Select the main branch and save



(back to top)



## 👥 Author 



👤 **Miles Mosweu**



- GitHub: [@Timbar09](https://github.com/Timbar09)

- Twitter: [@Milez09](https://twitter.com/Milez09)

- LinkedIn: [@miles-mosweu09](https://www.linkedin.com/in/miles-mosweu09)



## 🤝 Contributing 



Contributions, issues, and feature requests are welcome!



Feel free to check the [issues page](https://github.com/Timbar09/Africas-Leading-Tech-Conference/issues).



(back to top)



## ⭐️ Show your support 



If you like this project, give it a ⭐️ and let me know what you like in particular.



Feel free to also mention what you dont like. I welcome constructive criticism, it allows me to keep learning and to grow.



(back to top)



## 🙏 Acknowledgments 



I would like to thank my self for a job well done, all my Microverse teams and the whole Microverse community for their help and contributions towards this project.



**I would also like to apprectite**



[Cindy Shin](https://www.behance.net/adagio07) for the [design template](https://www.behance.net/gallery/29845175/CC-Global-Summit-2015) which this page is based on.



[Freepik](https://www.freepik.com/) for:



- [The hero section background-image](https://www.freepik.com/free-photo/medium-shot-man-wearing-vr-glasses_19265130.htm#query=tech&position=7&from_view=search&track=sph)

- [Layla Isoke's profile photo](https://www.freepik.com/free-photo/confident-business-woman-portrait-smiling-face_18411853.htm#query=confident-business-woman-portrait-smiling-face&position=5&from_view=search&track=sph)

- [Apara Dada's profile photo](href="https://www.freepik.com/free-photo/portrait-smiley-black-man_15738512.htm#page=3&query=black%20people&position=27&from_view=search&track=sph)

- [Safiya Atsukpi's profile photo](https://www.freepik.com/free-photo/african-american-business-woman_2522634.htm#page=4&query=black%20people&position=11&from_view=search&track=sph)

- [Andile Laila's profile photo](https://www.freepik.com/free-photo/african-american-student-walking-street-talking-phone_3655979.htm#query=black%20people&position=39&from_view=search&track=sph)

- [Mpho Morena's profile photo](https://www.freepik.com/free-photo/horizontal-view-attractive-young-black-man-with-toothy-smile-shows-okay-gesture-says-alright-likes-somebodys-idea_11406706.htm#query=black%20people&position=5&from_view=search&track=sph)

- [Lorato Montsho's profile photo](https://www.freepik.com/free-photo/african-american-business-woman-by-window_3202301.htm#query=black%20people&position=0&from_view=search&track=sph)



(back to top)



## 📝 License 



This project is [MIT](./LICENSE) licensed.



(back to top)