LearnCodeEmpower

<div id="readme" class="md" data-path="README.md"><article class="markdown-body entry-content container-lg"><h1 dir="auto"><a id="user-content-learncodeempower" class="anchor" aria-hidden="true" href="#learncodeempower"><svg class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a>LearnCodeEmpower</h1>
<p dir="auto">A website to find free tech courses and tech volunteering opportunities for women.
This website was created as a group project for the CodeFirstGirls WebDev Challenge as follows:</p>
<ul dir="auto">
<li>Homepage by Chloe Pang,</li>
<li>Learn and Chatbot pages by me (Katy Smith :)</li>
<li>Volunteer page by Yiu Ying Ting</li>
<li>Contact Us page by Cassie P and Yiu Ying Ting</li>
<li>Design, CSS styling and additional HTMl items and links were generated by Elizabeth Jackson, Seriki Esther and Cassie P.</li>
</ul>
<p dir="auto">Try out the finished website here!
<a href="https://learncodeempower.netlify.app/" rel="nofollow">https://learncodeempower.netlify.app/</a></p>
<p dir="auto">The tech used within this project was:
HTML, CSS, JavaScript, Bootstrap, jQuery terminal and the OpenAI API. It was deployed using Netlify serverless functions on Netlify.</p>
<p dir="auto">A demonstration of the AI chatbot created for this project is below.
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/113362369/217784310-a7c3d820-0cc9-4fa4-a6da-c7dc88096aa2.gif"><img src="https://user-images.githubusercontent.com/113362369/217784310-a7c3d820-0cc9-4fa4-a6da-c7dc88096aa2.gif" alt="ChattyGPT2" data-animated-image="" style="max-width: 100%;"></a></p>
<p dir="auto">We learned how to:</p>
<ul dir="auto">
<li>Use different coding editors, tools and platforms.</li>
<li>Improve team working skills</li>
<li>Use Bootstrap to help make our website responsive</li>
<li>Make a chatbot using OpenAI’s API</li>
<li>Use Netlify’s serverless functions and deploy a website on Netlify.</li>
<li>Learnt more advanced features of CSS such as :root.</li>
<li>Learnt of coding problems associated with website creation (git merge!) and how to overcome these collaboratively.</li>
</ul>
</article></div>