Giter VIP home page Giter VIP logo

pablobona / portal-capstone-project Goto Github PK

View Code? Open in Web Editor NEW
16.0 1.0 0.0 8.63 MB

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.

Home Page: https://pablobona.github.io/Portal-Capstone-Project/index.html#start

License: MIT License

HTML 53.85% CSS 34.89% JavaScript 11.26%
boostrap css deployment javascript layout semantic-html

portal-capstone-project's Introduction

World Food Conference 2023

๐Ÿ“— Table of Contents

๐Ÿ“– 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 and Node.js (which comes with NPM) installed on your computer.

Also, you can use Yarn instead of NPM โ˜๏ธ

Setup

Clone this repository to your desired folder:

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

Install

Install this project with:

  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:

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

Deployment

This proyect is deployed using GitHub Pages.

(back to top)

๐Ÿ‘ฅ Authors

๐Ÿ‘ค Pablo Bonasera

(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.

(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 licensed.

(back to top)

portal-capstone-project's People

Contributors

pablobona avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

portal-capstone-project's Issues

D2W5 - Peer-to-peer Code Review

๐ŸŒŸ Highlights

  • The design copy and responsive web implementation are executed excellently.
  • The content is engaging and well-crafted.
  • Overall, the website looks perfect to every member.

๐Ÿ‘€ Areas for Improvement

  • It might be worth considering some revisions in the usage of align-items: center in <ul> lists.
  • The background color on the box on the front page could benefit from some improvements.
  • To enhance readability in the Main Program, you could adjust the opacity of the box background and desaturate/darken the background.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.