NEXT MEAL

NextMeal is a static web page based on the PatashuleKE UI design that I got from Behance. I developed the UI considering a web app that connects people with the best restaurant in their cities. NextMeal flourished to accomplish the HTML and CSS capstone project.

BigScreen View

MediumScreen View

medium screen screenshot (Tablet)

Small View

small screen screenshot (Mobile)

This web page is developed by HTML5 and CSS only, with tailwindcss framework.

Built With

• Tailwindcss framework
• HTML5,
• CSS,
• Stylelint and stickler for linting purpose,
• html-validator-cli for validate HTML

Overview Video

• Short overview video

Live Demo

• Preview

Getting Started

Install on Your Own Machine. You can skip the linter and HTML validators setup if you don't want to validate the code.

Set up your machine.

Prerequisites

All the prerequisites are optional.

• Git
• HTML validator
• CSS Linter

Setup

• Follow the link below to install git

  download git

• Follow the link below to set up an HTML validator

  Set up HTML validator

• Follow the link below to set up a linter

  Set up CSS Linter to check code errors

• Clone the repository

  Clone the repository by run the code below on your computer terminal. git clone https://github.com/abredi/signup-page.git signup-page

Install

Optional Go to the project directory on your terminal and run npm install to install the HTML validator and CSS linter.

Usage

Go to the project directory and run open the index.html file on your browser.

Authors

👤 Abdulaziz Ali

• Github: @abredi
• Twitter: @rediabdulaziz
• Linkedin: linkedin

🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• Thank you, PatashuleKE, for the design.

  I used their web design for this project

• Thank you, @matheusfrade, for the meal picture.

  I used his meal picture for this project

📝 License

This project is MIT licensed.