nextmeal's Introduction

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.

nextmeal's People

Contributors

Stargazers

Watchers

nextmeal's Issues

Morning session

Abdulaziz, as always you did an exceptional job

Use Uppercase for the text "Menu"
Check your grammar
The navbar logo should be a link

Review

Screenshots don't work.
Check your readme text on grammar.
You can add your video explanation on the readme.
Fix Livelink before the review!
There should be a link somewhere to access registration.html from the website.
On the registration form, should add a Required attribute on inputs.
Your results list should have a link to the detail page as its says on the requirements (- the search results page, with a list of schools each with a link to the details school page)
You have to share credits with the authors of the original page as it says on the requirements (The Creative Commons license of the design requires that you give appropriate credit to the author. Therefore, you must do it in the README of your project.)
You should use plain flexbox as it says on the requirements (It's OK if you decide to use Bootstrap to build this project. But make sure that you also write some code demonstrating that you can use plain flexbox, margins and paddings out of the framework.
The same applies to CSS grid: you can build the site with CSS grid, but be sure to use flexbox in a small part of the site.)
Font family? You should choose a similar to the one on the original project as it says on the requirements.
-Check Linters errors.
.json files should be on git ignore and stay on your computer. ?

That's all I could find. Gorgeous work my friend!

Recommend Projects

layzrd / nextmeal Goto Github PK