Merge pull request #3 from RosaErick/dev

creanting readme, changing labelname, title and sutitle

README.md

@@ -0,0 +1,41 @@
+# AI Vegetarian Recipe
+
+ Vegetarian recipe generator using OpenAI API. Create recipes with one or more ingredients and share it in the app or as you like.
+
+ This is a fullstack app built with Vite, React, TailwindCSS, Node.js, Express, MongoDB, and OpenAI API. The app is deployed on Netlify and Render.
+
+ This app was built for practice and learning purposes. 
+
+ You can visit the app [here](https://aivegetarianrecipes.netlify.app/)
+
+## Installation
+
+Use the package manager [npm](https://pip.pypa.io/en/stable/) to install foobar.
+
+in client and server folder:
+```bash
+npm install
+```
+
+
+## Usage
+
+client:
+```bash
+npm run dev
+```
+
+server:
+```bash
+npm start
+```
+
+
+## Contributing
+
+Pull requests are welcome. For major changes, please open an issue first
+to discuss what you would like to change.
+
+## License
+
+[MIT](https://choosealicense.com/licenses/mit/)

client/src/App.jsx

@@ -27,6 +27,35 @@ const App = () => {
           <Route path="/create-post" element={<CreateRecipe />} />
         </Routes>
       </main>
+
+      <footer className="w-full border-t border-b-[#e6ebf4] py-4 px-4 sm:px-8  gap-5">
+        <div
+          className="
+      flex justify-center gap-2 items-center"
+        >
+                    <svg
+            class="h-4 w-4 text-black-500"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="2"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          >
+            {" "}
+            <path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22" />
+          </svg>
+          <p className="text-center text-sm text-gray-500">
+            <a
+              href="https://github.com/RosaErick/AI-vegetarian-recipes"
+              className="text-[#6469ff] font-medium"
+            >
+              Github
+            </a>
+          </p>
+
+        </div>
+      </footer>
     </BrowserRouter>
   );
 };

client/src/pages/CreateRecipe.jsx

@@ -84,7 +84,7 @@ const CreatePost = () => {
           <h1 className="font-extrabold text-[#222328] text-[32px]">Create</h1>
 
           <p className="mt-2 text-[#666e75 text-[14px] max-w[500px]">
-            Create imaginative recipes by combining ingredients and cooking
+            Create imaginative recipes by combining ingredients
           </p>
         </div>
       </div>
@@ -106,10 +106,10 @@ const CreatePost = () => {
           />
 
           <FormField
-            LabelName="Prompt"
+            LabelName="Ingredients"
             type="text"
             name="prompt"
-            placeholder="Enter an ingredient"
+            placeholder="Enter one or more ingredients... ex:potato, onion, garlic"
             value={form.prompt}
             handleChange={handleChange}
             isSurpriseMe

client/src/pages/Home.jsx

@@ -69,11 +69,11 @@ const Home = () => {
     <section className="max-w-7xl mx-auto">
       <div>
         <h1 className="font-extrabold text-[#222328] text-[32px]">
-          The Community Showcase
+          Vegetarian Recipes - Community Showcase
         </h1>
         <p className="mt-2 text-[#666e75] text-[14px] max-w-[500px]">
-          Browse through a collection of imaginative recipes generated with Open
-          AI
+          Browse through a collection of recipes generated with Open
+          AI ChatGTP
         </p>
       </div>