Merge pull request #352 from RiyaGupta89/main

Adding the pizza app

Author: harshita2216

Index.md

@@ -132,3 +132,4 @@ I've used the concept of *Async functions* and *react hook usestate* also worked
 |[My Online Meal](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/My-Online-Meal)| It is a simple and responsive website.
 |[Good Vibes Form](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Good-Vibes-Form)| It is a simple and responsive form which can be used in any project.
 |[Survey Form](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Survey-Form)| It is a simple and responsive urvey-Form.
+|[React Pizza App](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/react-tailwind-app)| It is a simple pizza react app using TailwindCSS.

Survey-Form/readme.md renamed to Survey-Form/README.md

@@ -25,7 +25,7 @@ git clone https://github.com/Ayushparikh-code/Web-dev-mini-projects.git
 ```
 
 - Go to the directory
-- Run the index.html file
+- Run the surveyForm.html file
 - Navigate the form.
 
 <br>

Survey-Form/style.css

@@ -91,4 +91,4 @@ textarea{
     font-size:14px;
     color:black;
     opacity:0.6;
-}
+} 

Survey-Form/survey form.html renamed to Survey-Form/surveyForm.html

@@ -85,7 +85,7 @@ <h1>Application For Permission To Date My Daughter</h1>
           <!---------------------------------------------section4 ------------------------------------------------------------------------------------------>
         <fieldset>
             <legend>Essay Section</legend>
-            
+
             <div class="form-rows">
                 <label for="area1">In 50 words or more explain why 
                     you want to date my daughter:</label>
@@ -110,4 +110,4 @@ <h1>Application For Permission To Date My Daughter</h1>
 
 </body>
 
-</html>
+</html> 

Survey-Form/surveyForm.png

@@ -0,0 +1 @@
+[{"C:\\Users\\Welcome\\Desktop\\LGMsoc'21\\Web-dev-mini-projects\\react-tailwind-pizza-app\\src\\index.js":"1","C:\\Users\\Welcome\\Desktop\\LGMsoc'21\\Web-dev-mini-projects\\react-tailwind-pizza-app\\src\\App.js":"2","C:\\Users\\Welcome\\Desktop\\LGMsoc'21\\Web-dev-mini-projects\\react-tailwind-pizza-app\\src\\components\\Footer.js":"3","C:\\Users\\Welcome\\Desktop\\LGMsoc'21\\Web-dev-mini-projects\\react-tailwind-pizza-app\\src\\components\\Dropdown.js":"4","C:\\Users\\Welcome\\Desktop\\LGMsoc'21\\Web-dev-mini-projects\\react-tailwind-pizza-app\\src\\pages\\Menu.js":"5","C:\\Users\\Welcome\\Desktop\\LGMsoc'21\\Web-dev-mini-projects\\react-tailwind-pizza-app\\src\\components\\Hero.js":"6","C:\\Users\\Welcome\\Desktop\\LGMsoc'21\\Web-dev-mini-projects\\react-tailwind-pizza-app\\src\\pages\\Contact.js":"7","C:\\Users\\Welcome\\Desktop\\LGMsoc'21\\Web-dev-mini-projects\\react-tailwind-pizza-app\\src\\components\\Navbar.js":"8","C:\\Users\\Welcome\\Desktop\\LGMsoc'21\\Web-dev-mini-projects\\react-tailwind-pizza-app\\src\\pages\\About.js":"9","C:\\Users\\Welcome\\Desktop\\LGMsoc'21\\Web-dev-mini-projects\\react-tailwind-pizza-app\\src\\components\\Content.js":"10"},{"size":312,"mtime":1628061071148,"results":"11","hashOfConfig":"12"},{"size":986,"mtime":1627297029777,"results":"13","hashOfConfig":"12"},{"size":281,"mtime":1627049360238,"results":"14","hashOfConfig":"12"},{"size":662,"mtime":1627297207170,"results":"15","hashOfConfig":"12"},{"size":318,"mtime":1627295360436,"results":"16","hashOfConfig":"12"},{"size":1109,"mtime":1627297263762,"results":"17","hashOfConfig":"12"},{"size":326,"mtime":1627295374499,"results":"18","hashOfConfig":"12"},{"size":1064,"mtime":1627297334194,"results":"19","hashOfConfig":"12"},{"size":319,"mtime":1627295612868,"results":"20","hashOfConfig":"12"},{"size":1109,"mtime":1627049090107,"results":"21","hashOfConfig":"12"},{"filePath":"22","messages":"23","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"cr710b",{"filePath":"24","messages":"25","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"26","messages":"27","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"28","messages":"29","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"30","messages":"31","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"32","messages":"33","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"34","messages":"35","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"36","messages":"37","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"38","messages":"39","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"40","messages":"41","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"C:\\Users\\Welcome\\Desktop\\LGMsoc'21\\Web-dev-mini-projects\\react-tailwind-pizza-app\\src\\index.js",[],"C:\\Users\\Welcome\\Desktop\\LGMsoc'21\\Web-dev-mini-projects\\react-tailwind-pizza-app\\src\\App.js",[],"C:\\Users\\Welcome\\Desktop\\LGMsoc'21\\Web-dev-mini-projects\\react-tailwind-pizza-app\\src\\components\\Footer.js",[],"C:\\Users\\Welcome\\Desktop\\LGMsoc'21\\Web-dev-mini-projects\\react-tailwind-pizza-app\\src\\components\\Dropdown.js",[],"C:\\Users\\Welcome\\Desktop\\LGMsoc'21\\Web-dev-mini-projects\\react-tailwind-pizza-app\\src\\pages\\Menu.js",[],"C:\\Users\\Welcome\\Desktop\\LGMsoc'21\\Web-dev-mini-projects\\react-tailwind-pizza-app\\src\\components\\Hero.js",[],"C:\\Users\\Welcome\\Desktop\\LGMsoc'21\\Web-dev-mini-projects\\react-tailwind-pizza-app\\src\\pages\\Contact.js",[],"C:\\Users\\Welcome\\Desktop\\LGMsoc'21\\Web-dev-mini-projects\\react-tailwind-pizza-app\\src\\components\\Navbar.js",[],"C:\\Users\\Welcome\\Desktop\\LGMsoc'21\\Web-dev-mini-projects\\react-tailwind-pizza-app\\src\\pages\\About.js",[],"C:\\Users\\Welcome\\Desktop\\LGMsoc'21\\Web-dev-mini-projects\\react-tailwind-pizza-app\\src\\components\\Content.js",[]]

react-tailwind-pizza-app/.eslintcache

@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

react-tailwind-pizza-app/.gitignore

@@ -0,0 +1,49 @@
+# Welcome to the React Pizza App 🍕
+
+It is a pizza website which is built using React and TailwindCSS.
+
+
+## 💻Tech Stack
+<br>
+
+![HTML](https://img.shields.io/badge/html5%20-%23E34F26.svg?&style=for-the-badge&logo=html5&logoColor=white)
+![CSS](https://img.shields.io/badge/css3%20-%231572B6.svg?&style=for-the-badge&logo=css3&logoColor=white)
+![JS](https://img.shields.io/badge/javascript%20-%23323330.svg?&style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
+![REACT](https://img.shields.io/badge/react%20-%23323330.svg?&style=for-the-badge&logo=react&logoColor=%23F7DF1E)
+![TAILWIND CSS](https://img.shields.io/badge/tailwindcss%20-%23323330.svg?&style=for-the-badge&logo=tailwindcss&logoColor=%23F7DF1E)
+
+<br>
+
+
+### How to get the form on your local machine:
+
+---
+
+- Download or clone the repository
+
+```
+git clone https://github.com/Ayushparikh-code/Web-dev-mini-projects.git
+```
+
+- Go to the directory
+- Open react-tailwind-pizza-app folder
+- Open the terminal and run 
+```
+npm / yarn start
+```
+- The website will be opened in your browser.
+
+
+
+<br>
+
+## Screenshots
+
+![Demo1](src/images/pizza.png)
+<br>
+
+![Demo2](src/images/pizza1.png)
+<br>
+
+
+## Happy Coding!

react-tailwind-pizza-app/README.md

@@ -0,0 +1,10 @@
+module.exports = {
+    style: {
+      postcss: {
+        plugins: [
+          require('tailwindcss'),
+          require('autoprefixer'),
+        ],
+      },
+    },
+  }