Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/pablobona/portal-capstone-project

This is a final project where microverse students apply their knowledge and skills to develop a complete web application, demonstrating their technical ability, teamwork, and deployment capabilities in a real production environment.
https://github.com/pablobona/portal-capstone-project

boostrap css deployment javascript layout semantic-html

Last synced: 28 days ago
JSON representation

This is a final project where microverse students apply their knowledge and skills to develop a complete web application, demonstrating their technical ability, teamwork, and deployment capabilities in a real production environment.

Awesome Lists containing this project

README

        


World Food Conference 2023


# 📗 Table of Contents

- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [🚀 Live Demo-Video Demo ](#live-demo)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [Deployment](#deployment)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)

# 📖 **World Food Conference**

**World Food Conference** is a webpage that focuses on promoting healthy food and the significance of maintaining a balanced diet.
The Healthy Food Global Conference 2023 will cover a diverse range of topics related to healthy eating, such as nutrition, sustainable agriculture, and culinary practices.

## 🛠 Built With

### Tech Stack

**World Food Conference** tech stack included a combination of HTML and CSS and Boostrap to structure and style the content of my web pages. HTML provided the foundation for organizing the page's structure, while CSS added visual design elements, such as colors, fonts, and layouts.
Bootstrap, played a vital role in streamlining the development process. By leveraging Bootstrap's pre-built components and responsive grid system, I was able to create a responsive and visually appealing website. The framework offered a wide range of ready-to-use CSS classes and JavaScript plugins, allowing me to easily implement features like navigation menus, buttons, forms, and modal windows.

Client

### Key Features

- **Modern UI Design**
- **Valid HTML5 & CSS3**
- **Boostrap**
- **Fully Responsive**

(back to top)

## 🚀 Live Demo

- Access my online portfolio and experiment with the different sections and projects I have included from here Live Demo

(back to top)

## ⭐️ Video Demo

- Soon

(back to top)

## 💻 Getting Started

These instructions will allow you to obtain a copy of the project on your local machine for development and testing purposes. See deployment for additional notes on how to deploy the project on a live system.

### Prerequisites

In order to run this project you need: [Git](https://git-scm.com) and [Node.js](https://nodejs.org/en/download/) (which comes with [NPM](http://npmjs.com)) installed on your computer.

```
[email protected] or higher
[email protected] or higher
[email protected] or higher
```

Also, you can use [Yarn](https://yarnpkg.com/) instead of NPM ☝️

```
[email protected] or higher
```

### Setup

Clone this repository to your desired folder:

```sh
cd my-folder
git clone https://github.com/PabloBona/Portal-Capstone-Project.git
```

### Install

Install this project with:

```sh
cd Portal-Capstone-Project.io
npm install
```

### Usage

To run your project locally use the live server feature in Visual Studio Code or open the index.html file in the browser.

### Run tests

To run tests, run the following command:

```sh
npx hint .
npx stylelint "**/*.{css,scss}"
```

### Deployment

This proyect is deployed using [GitHub Pages](https://pages.github.com/).

(back to top)

## 👥 Authors

👤 **Pablo Bonasera**

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

(back to top)

## 🔭 Future Features

- [ ] **Add support for multiple languages**
- [ ] **Implement a dark mode option**
- [ ] **Integrate with social media platforms**

(back to top)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/PabloBona/PabloBona.github.io/issues).

(back to top)

## ⭐️ Show your support

If you found this project useful, please consider giving it a star on GitHub to show your support and help us reach a wider audience.

(back to top)

## 🙏 Acknowledgments

"The design concept was created by Cindy Shin and can be found on Behance. We appreciate her talent and creativity in providing the foundation for our project's visual aesthetics."

Cindy Shin on Behance

(back to top)

## 📝 License

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

(back to top)