peterrobert / food-fest

In this project, I use bootstrap HTML and CSS to create an e-commerce application.

Home Page:https://rawcdn.githack.com/peterrobert/food-fest/dfd4a3e1f6033b128d31db5e3a2ff3691c94522b/index.html

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Food Fest

This is the HTML and CSS capstone project the objective is to create a website for an e-commerce platform. Using only the conceptual design to build the site takes care of user experience and UI design.

In my case I decided to design my website for a fantasy fast food e-commerce platform I have developed this website with basic HTML CSS but am in the process of converting it to a WordPress site

Link to the conceptual design by Mohammed Awad

conceptual design

Presentation Video Link

Presentation Video Link

The requirements of this project are:

Design

  • The main page with link to the search results page.
  • The search page.

Resolution

  • Mobile upto 768px
  • Desktop from 768px

Guidelines design

  • colors
  • typographies: font face , size and weight
  • layout: Compositionand space between elements, for the 2 given screen sizes.

HomePage

  • The homePage has the basic information of the ecommerce platform. This consist products that the food store sells.

screenshot

SearchPage

  • The SearchPage has the basic information of the ecommerce platform. This consist the results of search functionality that happens on the homepage.

screenshot

Additional description about the project and its features.

Built With

  • HTML and CSS,
  • bootstrap 4,
  • Font-Awesome library,
  • Javascript

Live Demo

Live Demo Link

Getting Started

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

Prerequisites

browser and a code editor.

Setup

clone the repository to your machine, navigate into the folder and open the index.html document using your favotite browser

Usage

you can open the code in your favorite code editor and make changes as you wish

Deployment

Just deploy the files to a server

Authors

👤 Peter Robert Ndungu

🤝 Contributing

Contributions, issues and feature requests are welcome!

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

  • Hat tip to anyone whose code was used
  • Design idea by Mohammed Awad on Behance

📝 License

This project is MIT licensed.

About

In this project, I use bootstrap HTML and CSS to create an e-commerce application.

https://rawcdn.githack.com/peterrobert/food-fest/dfd4a3e1f6033b128d31db5e3a2ff3691c94522b/index.html


Languages

Language:HTML 76.8%Language:CSS 15.6%Language:JavaScript 7.7%