Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/shahadat3669/pie-world-conference-page

This is my first capstone project in Microverse Coding School. Which is built with HTML, CSS & JavaScript. Here I learn to show the speakers dynamically by using JavaScript.
https://github.com/shahadat3669/pie-world-conference-page

capstone-project conference-page css html javascript landing-page microverse pie-world portfolio taliwindcss

Last synced: 3 days ago
JSON representation

This is my first capstone project in Microverse Coding School. Which is built with HTML, CSS & JavaScript. Here I learn to show the speakers dynamically by using JavaScript.

Awesome Lists containing this project

README

        




Pie World Conference


# πŸ“— Table of Contents

- [πŸ“– About the Project](#about-project)
- [πŸ›  Built With](#built-with)
- [Tech Stack](#tech-stack)
- [πŸš€ Live Demo](#live-demo)
- [πŸ‘ presentation](#live-demo)
- [πŸ’» Getting Started](#getting-started)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [πŸ‘₯ Authors](#authors)
- [πŸ”­ Future Features](#future-features)
- [🀝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [πŸ™ Acknowledgements](#acknowledgements)
- [❓ FAQ](#faq)
- [πŸ“ License](#license)

# πŸ“– [🎯 Pie World Conference Page: Microverse capstone project]

> 🚧 This capstone project I am going to build a website is based on an online website for a conference. The website is based on the CC-Global-Summit-2015 design which Cindy Shin creates. Images uses in this project are from unsplash.🚧

## πŸ›  Built With

### Tech Stack

Technology


  • HTML

  • CSS

  • Javascript

Tools


  • VS Code

  • GIT

  • GITHUB

  • Tailwind CSS

## πŸš€ Live Demo

- [Live Demo Link](https://shahadat3669.github.io/pie-world-conference-page)

(back to top)

## πŸ‘ Presentation

- [presentation Link](https://www.loom.com/share/ed1887a99d9645bb99272ea74f5a814b)

(back to top)

## πŸ’» Getting Started

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

### Prerequisites

you have to those tools in your local machine.

- [ ] NPM
- [ ] GIT & GITHUB
- [ ] Any Code Editor (VS Code, Brackets, etc)

### Setup

Clone the project.

```bash
git clone https://github.com/shahadat3669/pie-world-conference-page.git
```

Go to the project directory.

```bash
cd pie-world-conference-page
```

### Install

Now in terminal run `npm install` to install all dependencies.

```bash
npm install
```

Now you can use any browser to open the `index.html`.

(back to top)

## πŸ‘₯ Authors

### First Author:

**Shahadat Hossain**

[![portfolio](https://img.shields.io/badge/my_portfolio-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://github.com/shahadat3669) [![linkedin](https://img.shields.io/badge/shahadat3669-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://linkedin.com/in/shahadat3669) [![twitter](https://img.shields.io/badge/@shahadat3669-1DA1F2?style=for-the-badge&logo=twitter&logoColor=white)](https://twitter.com/shahadat3669)

(back to top)

## 🀝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

(back to top)

## πŸ‘‹ Show your support

Give a ⭐️ if you like this project!

(back to top)

## πŸ”­Acknowledgments

- My Family.
- [Microverse Team](https://www.microverse.org/).
- Spacial thank to [Cindy Shin](https://www.behance.net/gallery/29845175/CC-Global-Summit-2015) for his beautiful design.
- Images uses in this project are from [unsplash](https://unsplash.com/).

(back to top)

## ❓ FAQ

- **Are you using the same fonts family as in the design?**

- No becouse the font family used in the design is come with a subscripting. That's why I use a free google font family name Lato which is simmilar to the design.

- **Where I can get the imageas?**

- The images are all from unplash.com. Those are free to use.

(back to top)

## πŸ“ License

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

(back to top)