<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Web Applications | YB&#39;s</title>
    <link>https://ybportfolio.netlify.app/tag/web-applications/</link>
      <atom:link href="https://ybportfolio.netlify.app/tag/web-applications/index.xml" rel="self" type="application/rss+xml" />
    <description>Web Applications</description>
    <generator>Wowchemy (https://wowchemy.com)</generator><language>en-us</language><lastBuildDate>Sat, 01 Jul 2023 00:00:00 +0000</lastBuildDate>
    <image>
      <url>https://ybportfolio.netlify.app/media/icon_hud9e0d3306da334d25f3a538662424b98_10284982_512x512_fill_lanczos_center_3.png</url>
      <title>Web Applications</title>
      <link>https://ybportfolio.netlify.app/tag/web-applications/</link>
    </image>
    
    <item>
      <title>Youngbeen&#39;s Portfolio Website</title>
      <link>https://ybportfolio.netlify.app/project/yb_portfolio/</link>
      <pubDate>Sat, 01 Jul 2023 00:00:00 +0000</pubDate>
      <guid>https://ybportfolio.netlify.app/project/yb_portfolio/</guid>
      <description>&lt;p&gt;&lt;a name=&#34;readme-top&#34;&gt;&lt;/a&gt;&lt;/p&gt;
&lt;!--
*** Thanks for checking out the Best-README-Template. If you have a suggestion
*** that would make this better, please fork the repo and create a pull request
*** or simply open an issue with the tag &#34;enhancement&#34;.
*** Don&#39;t forget to give the project a star!
*** Thanks again! Now go create something AMAZING! :D
--&gt;
&lt;!-- PROJECT SHIELDS --&gt;
&lt;!--
*** I&#39;m using markdown &#34;reference style&#34; links for readability.
*** Reference links are enclosed in brackets [ ] instead of parentheses ( ).
*** See the bottom of this document for the declaration of the reference variables
*** for contributors-url, forks-url, etc. This is an optional, concise syntax you may use.
*** https://www.markdownguide.org/basic-syntax/#reference-style-links

[![Contributors][contributors-shield]][contributors-url] [![Forks][forks-shield]][forks-url] [![Stargazers][stars-shield]][stars-url] [![Issues][issues-shield]][issues-url] [![MIT License][license-shield]][license-url] [![LinkedIn][linkedin-shield]][linkedin-url]
--&gt;
&lt;!-- PROJECT LOGO --&gt;
&lt;br /&gt;
&lt;div align=&#34;center&#34;&gt;
  &lt;!-- &lt;a href=&#34;https://github.com/0beansprout/yb_portfolio&#34;&gt;
    &lt;img src=&#34;images/logo.png&#34; alt=&#34;Logo&#34; width=&#34;80&#34; height=&#34;80&#34;&gt;
  &lt;/a&gt; --&gt;
  &lt;h3 align=&#34;center&#34;&gt;Youngbeen&#39;s Portfolio Website&lt;/h3&gt;
  &lt;p align=&#34;center&#34;&gt;
    Building a website in RStudio using the R Blogdown package.
    &lt;br /&gt;
    &lt;a href=&#34;https://wowchemy.com/?utm_campaign=poweredby&#34;&gt;&lt;strong&gt;Explore the docs »&lt;/strong&gt;&lt;/a&gt;
    &lt;br /&gt;
    &lt;br /&gt;
    &lt;a href=&#34;https://youngbeenblog.netlify.app/&#34;&gt;View Demo&lt;/a&gt;
    ·
    &lt;a href=&#34;https://github.com/0beansprout/yb_portfolio/issues&#34;&gt;Report Bug&lt;/a&gt;
    ·
    &lt;a href=&#34;https://github.com/0beansprout/yb_portfolio/issues&#34;&gt;Request Feature&lt;/a&gt;
  &lt;/p&gt;
&lt;/div&gt;
&lt;!-- TABLE OF CONTENTS --&gt;
&lt;!-- &lt;details&gt;
  &lt;summary&gt;Table of Contents&lt;/summary&gt;
  &lt;ol&gt;
    &lt;li&gt;
      &lt;a href=&#34;#about-the-project&#34;&gt;About The Project&lt;/a&gt;
      &lt;ul&gt;
        &lt;li&gt;&lt;a href=&#34;#built-with&#34;&gt;Built With&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li&gt;
      &lt;a href=&#34;#getting-started&#34;&gt;Getting Started&lt;/a&gt;
      &lt;ul&gt;
        &lt;li&gt;&lt;a href=&#34;#prerequisites&#34;&gt;Prerequisites&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&#34;#installation&#34;&gt;Installation&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li&gt;&lt;a href=&#34;#usage&#34;&gt;Usage&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&#34;#roadmap&#34;&gt;Roadmap&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&#34;#contributing&#34;&gt;Contributing&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&#34;#license&#34;&gt;License&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&#34;#contact&#34;&gt;Contact&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&#34;#acknowledgments&#34;&gt;Acknowledgments&lt;/a&gt;&lt;/li&gt;
  &lt;/ol&gt;
&lt;/details&gt; --&gt;
&lt;!-- ABOUT THE PROJECT --&gt;
&lt;h3 id=&#34;about-the-project&#34;&gt;About The Project&lt;/h3&gt;
&lt;!--
[![Product Name Screen Shot][product-screenshot]](https://imgur.com/wtOHuW5)
--&gt;
&lt;p&gt;The objective of the project is to develop a personal portfolio website using RStudio&amp;rsquo;s blog-down package. The website is continuously updated in real time using GitControl, and it is deployed on the Netlify, allowing easy accessibility through web browsers.&lt;/p&gt;
&lt;!-- &lt;p align=&#34;right&#34;&gt;(&lt;a href=&#34;#readme-top&#34;&gt;back to top&lt;/a&gt;)&lt;/p&gt; --&gt;
&lt;h3 id=&#34;built-with&#34;&gt;Built With&lt;/h3&gt;
&lt;!-- This section should list any major frameworks/libraries used to bootstrap your project. Leave any add-ons/plugins for the acknowledgements section. Here are a few examples. --&gt;
&lt;p&gt;&lt;a href=&#34;https://posit.co/products/open-source/rstudio/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;















&lt;figure  &gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;&lt;img src=&#34;https://img.shields.io/badge/RStudio-75AADB?style=for-the-badge&amp;amp;logo=RStudio&amp;amp;logoColor=white&#34; alt=&#34;RStudio_logo&#34; loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;/figure&gt;
&lt;/a&gt;  &lt;a href=&#34;https://github.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;















&lt;figure  &gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;&lt;img src=&#34;https://img.shields.io/badge/GitHub-100000?style=for-the-badge&amp;amp;logo=github&amp;amp;logoColor=white&#34; alt=&#34;GitHub_logo&#34; loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;/figure&gt;
&lt;/a&gt; &lt;a href=&#34;https://www.netlify.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;















&lt;figure  &gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;&lt;img src=&#34;https://img.shields.io/badge/Netlify-00C7B7?style=for-the-badge&amp;amp;logo=netlify&amp;amp;logoColor=white&#34; alt=&#34;Netlify_logo&#34; loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;/figure&gt;
&lt;/a&gt;&lt;/p&gt;
&lt;!-- &lt;p align=&#34;right&#34;&gt;(&lt;a href=&#34;#readme-top&#34;&gt;back to top&lt;/a&gt;)&lt;/p&gt; --&gt;
&lt;!-- GETTING STARTED --&gt;
&lt;h3 id=&#34;getting-started&#34;&gt;Getting Started&lt;/h3&gt;
&lt;p&gt;You can explore the contents of this website by visiting the following &lt;a href=&#34;https://youngbeenblog.netlify.app/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;link&lt;/a&gt;.&lt;/p&gt;
&lt;!-- ### Prerequisites

This is an example of how to list things you need to use the software and how to install them.
* npm
  ```sh
  npm install npm@latest -g
  ``` --&gt;
&lt;h3 id=&#34;installation&#34;&gt;Installation&lt;/h3&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;Create new repository in your own GitHub&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Clone the repo&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-sh&#34; data-lang=&#34;sh&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;git clone https://github.com/your_username_/Project-Name.git
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Make new project in RStudio and select &amp;ldquo;Git&amp;rdquo; as the version control system&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Provide a name and location for your project&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Click on &amp;ldquo;Create Project&amp;rdquo;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Install blogdown package and then check it in the system library&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-sh&#34; data-lang=&#34;sh&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;install.packages&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s2&#34;&gt;&amp;#34;blogdown&amp;#34;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;)&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;library&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;blogdown&lt;span class=&#34;o&#34;&gt;)&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Install Hugo theme for the website&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-fallback&#34; data-lang=&#34;fallback&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;install_hugo()
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Create new website with selected theme&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-fallback&#34; data-lang=&#34;fallback&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;new_site(theme = &amp;#34;wowchemy/starter-academic&amp;#34;)
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Check .gitignore and add more comment in the file&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-fallback&#34; data-lang=&#34;fallback&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;.DS_Store
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;Thumbs.db
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;/public
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;/resources
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Deploy website using Netlify&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-fallback&#34; data-lang=&#34;fallback&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&amp;#39;Useful codes to start and stop server&amp;#39;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;serve_site()
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;stop_server()
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p align=&#34;right&#34;&gt;(&lt;a href=&#34;#readme-top&#34;&gt;back to top&lt;/a&gt;)&lt;/p&gt; 
&lt;!-- USAGE EXAMPLES --&gt;
&lt;h3 id=&#34;usage&#34;&gt;Usage&lt;/h3&gt;
&lt;p&gt;The blogdown package can be utilized to create a personal website or blog.&lt;/p&gt;
&lt;!-- _For more examples, please refer to the [Documentation](https://example.com)_ --&gt;
&lt;!-- &lt;p align=&#34;right&#34;&gt;(&lt;a href=&#34;#readme-top&#34;&gt;back to top&lt;/a&gt;)&lt;/p&gt; --&gt;
&lt;!-- ROADMAP --&gt;
&lt;!-- ## Roadmap

- [x] Add Changelog
- [x] Add back to top links
- [ ] Add Additional Templates w/ Examples
- [ ] Add &#34;components&#34; document to easily copy &amp; paste sections of the readme


See the [open issues](https://github.com/nateray42/DeCoBot/issues) for a full list of proposed features (and known issues).

&lt;p align=&#34;right&#34;&gt;(&lt;a href=&#34;#readme-top&#34;&gt;back to top&lt;/a&gt;)&lt;/p&gt; --&gt;
&lt;!-- CONTRIBUTING --&gt;
&lt;!-- ## Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag &#34;enhancement&#34;.
Don&#39;t forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commit your Changes (`git commit -m &#39;Add some AmazingFeature&#39;`)
4. Push to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request

&lt;p align=&#34;right&#34;&gt;(&lt;a href=&#34;#readme-top&#34;&gt;back to top&lt;/a&gt;)&lt;/p&gt; --&gt;
&lt;!-- LICENSE --&gt;
&lt;h3 id=&#34;license&#34;&gt;License&lt;/h3&gt;
&lt;p&gt;Distributed under the MIT License. See &lt;code&gt;LICENSE&lt;/code&gt; for more information.&lt;/p&gt;
&lt;p&gt;Reference Link: &lt;a href=&#34;https://github.com/wowchemy/starter-hugo-academic&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;HUGO&lt;/a&gt;, &lt;a href=&#34;https://jennysloane.netlify.app/blog/blogdown/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Blogdown&lt;/a&gt;&lt;/p&gt;
&lt;!-- &lt;p align=&#34;right&#34;&gt;(&lt;a href=&#34;#readme-top&#34;&gt;back to top&lt;/a&gt;)&lt;/p&gt; --&gt;
&lt;!-- CONTACT --&gt;
&lt;h3 id=&#34;contact&#34;&gt;Contact&lt;/h3&gt;
&lt;p&gt;Youngbeen Oh - &lt;a href=&#34;https://linkedin.com/in/youngbeen-oh&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;@0beansprout&lt;/a&gt; - &lt;a href=&#34;mailto:oyb7140@gmail.com&#34;&gt;oyb7140@gmail.com&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Project Link: &lt;a href=&#34;https://github.com/0beansprout/yb_portfolio&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;https://github.com/0beansprout/yb_portfolio&lt;/a&gt;&lt;/p&gt;
&lt;p align=&#34;right&#34;&gt;(&lt;a href=&#34;#readme-top&#34;&gt;back to top&lt;/a&gt;)&lt;/p&gt;
&lt;!-- ACKNOWLEDGMENTS --&gt;
&lt;!-- ## Acknowledgments

Use this space to list resources you find helpful and would like to give credit to. I&#39;ve included a few of my favorites to kick things off!

* [Choose an Open Source License](https://choosealicense.com)
* [GitHub Emoji Cheat Sheet](https://www.webpagefx.com/tools/emoji-cheat-sheet)
* [Malven&#39;s Flexbox Cheatsheet](https://flexbox.malven.co/)
* [Malven&#39;s Grid Cheatsheet](https://grid.malven.co/)
* [Img Shields](https://shields.io)
* [GitHub Pages](https://pages.github.com)
* [Font Awesome](https://fontawesome.com)
* [React Icons](https://react-icons.github.io/react-icons/search)

&lt;p align=&#34;right&#34;&gt;(&lt;a href=&#34;#readme-top&#34;&gt;back to top&lt;/a&gt;)&lt;/p&gt; --&gt;
&lt;!-- MARKDOWN LINKS &amp; IMAGES --&gt;
&lt;!-- https://www.markdownguide.org/basic-syntax/#reference-style-links --&gt;
</description>
    </item>
    
    <item>
      <title>EZ University - Course Information System</title>
      <link>https://ybportfolio.netlify.app/project/ez-university/</link>
      <pubDate>Sat, 27 May 2023 00:00:00 +0000</pubDate>
      <guid>https://ybportfolio.netlify.app/project/ez-university/</guid>
      <description>&lt;p&gt;&lt;a name=&#34;readme-top&#34;&gt;&lt;/a&gt;&lt;/p&gt;
&lt;!--
*** Thanks for checking out the Best-README-Template. If you have a suggestion
*** that would make this better, please fork the repo and create a pull request
*** or simply open an issue with the tag &#34;enhancement&#34;.
*** Don&#39;t forget to give the project a star!
*** Thanks again! Now go create something AMAZING! :D
--&gt;
&lt;!-- PROJECT SHIELDS --&gt;
&lt;!--
*** I&#39;m using markdown &#34;reference style&#34; links for readability.
*** Reference links are enclosed in brackets [ ] instead of parentheses ( ).
*** See the bottom of this document for the declaration of the reference variables
*** for contributors-url, forks-url, etc. This is an optional, concise syntax you may use.
*** https://www.markdownguide.org/basic-syntax/#reference-style-links

[![Contributors][contributors-shield]][contributors-url] [![Forks][forks-shield]][forks-url] [![Stargazers][stars-shield]][stars-url] [![Issues][issues-shield]][issues-url] [![MIT License][license-shield]][license-url] [![LinkedIn][linkedin-shield]][linkedin-url]

--&gt;
&lt;!-- PROJECT LOGO --&gt;
&lt;br /&gt;
&lt;div align=&#34;center&#34;&gt;
  &lt;!-- &lt;a href=&#34;https://github.com/0beansprout/oh_youngbeen_ezu&#34;&gt;
    &lt;img src=&#34;images/logo.png&#34; alt=&#34;Logo&#34; width=&#34;80&#34; height=&#34;80&#34;&gt;
  &lt;/a&gt; --&gt;
  &lt;h3 align=&#34;center&#34;&gt;EZ University - Course Information System&lt;/h3&gt;
  &lt;p align=&#34;center&#34;&gt;
    Web Development using Django App Frameworks
    &lt;br /&gt;
    &lt;a href=&#34;https://github.com/0beansprout/oh_youngbeen_ezu&#34;&gt;&lt;strong&gt;Explore the docs »&lt;/strong&gt;&lt;/a&gt;
    &lt;br /&gt;
    &lt;br /&gt;
    &lt;a href=&#34;https://yo8.pythonanywhere.com&#34;&gt;View Demo&lt;/a&gt;
    ·
    &lt;a href=&#34;https://github.com/0beansprout/oh_youngbeen_ezu/issues&#34;&gt;Report Bug&lt;/a&gt;
    ·
    &lt;a href=&#34;https://github.com/0beansprout/oh_youngbeen_ezu/issues&#34;&gt;Request Feature&lt;/a&gt;
  &lt;/p&gt;
&lt;/div&gt;
&lt;!-- TABLE OF CONTENTS --&gt;
&lt;!-- &lt;details&gt;
  &lt;summary&gt;Table of Contents&lt;/summary&gt;
  &lt;ol&gt;
    &lt;li&gt;
      &lt;a href=&#34;#about-the-project&#34;&gt;About The Project&lt;/a&gt;
      &lt;ul&gt;
        &lt;li&gt;&lt;a href=&#34;#built-with&#34;&gt;Built With&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li&gt;
      &lt;a href=&#34;#getting-started&#34;&gt;Getting Started&lt;/a&gt;
      &lt;ul&gt;
        &lt;li&gt;&lt;a href=&#34;#prerequisites&#34;&gt;Prerequisites&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&#34;#installation&#34;&gt;Installation&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li&gt;&lt;a href=&#34;#usage&#34;&gt;Usage&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&#34;#roadmap&#34;&gt;Roadmap&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&#34;#contributing&#34;&gt;Contributing&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&#34;#license&#34;&gt;License&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&#34;#contact&#34;&gt;Contact&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&#34;#acknowledgments&#34;&gt;Acknowledgments&lt;/a&gt;&lt;/li&gt;
  &lt;/ol&gt;
&lt;/details&gt; --&gt;
&lt;!-- ABOUT THE PROJECT --&gt;
&lt;h3 id=&#34;about-the-project&#34;&gt;About The Project&lt;/h3&gt;
&lt;p&gt;&lt;a href=&#34;https://imgur.com/Iv6DKld&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;















&lt;figure  &gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;&lt;img src=&#34;https://imgur.com/Iv6DKld.png&#34; alt=&#34;Product Name Screen Shot&#34; loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;/figure&gt;
&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;The project aimed to utilize the Django App Framework to design, code, and test web applications. It involves designing relational databases and integrating them with the web applications to create a comprehensive website that supports various functionalities such as adding, modifying, and deleting data directly. Notable features of the Django framework include:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Django models&lt;/li&gt;
&lt;li&gt;Django URL configurations&lt;/li&gt;
&lt;li&gt;Django views&lt;/li&gt;
&lt;li&gt;Django templates&lt;/li&gt;
&lt;li&gt;Django user authentication and permission schemes&lt;/li&gt;
&lt;/ul&gt;
&lt;!-- &lt;p align=&#34;right&#34;&gt;(&lt;a href=&#34;#readme-top&#34;&gt;back to top&lt;/a&gt;)&lt;/p&gt; --&gt;
&lt;h3 id=&#34;built-with&#34;&gt;Built With&lt;/h3&gt;
&lt;!-- This section should list any major frameworks/libraries used to bootstrap your project. Leave any add-ons/plugins for the acknowledgements section. Here are a few examples. --&gt;
&lt;p&gt;&lt;a href=&#34;https://www.python.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;















&lt;figure  &gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;&lt;img src=&#34;https://img.shields.io/badge/python-3670A0?style=for-the-badge&amp;amp;logo=python&amp;amp;logoColor=ffdd54&#34; alt=&#34;Python_logo&#34; loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;/figure&gt;
&lt;/a&gt; &lt;a href=&#34;https://html.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;















&lt;figure  &gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;&lt;img src=&#34;https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&amp;amp;logo=html5&amp;amp;logoColor=white&#34; alt=&#34;HTML_logo&#34; loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;/figure&gt;
&lt;/a&gt; &lt;a href=&#34;https://www.w3.org/Style/CSS/Overview.en.html#:~:text=What%20is%20CSS%3F,from%20the%20CSS%20working%20group.&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;















&lt;figure  &gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;&lt;img src=&#34;https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&amp;amp;logo=css3&amp;amp;logoColor=white&#34; alt=&#34;CSS_logo&#34; loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;/figure&gt;
&lt;/a&gt; &lt;a href=&#34;https://www.javascript.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;















&lt;figure  &gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;&lt;img src=&#34;https://img.shields.io/badge/JavaScript-323330?style=for-the-badge&amp;amp;logo=javascript&amp;amp;logoColor=F7DF1E&#34; alt=&#34;JavaScript_logo&#34; loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;/figure&gt;
&lt;/a&gt; &lt;a href=&#34;https://www.djangoproject.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;















&lt;figure  &gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;&lt;img src=&#34;https://img.shields.io/badge/Django-092E20?style=for-the-badge&amp;amp;logo=django&amp;amp;logoColor=green&#34; alt=&#34;Django_logo&#34; loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;/figure&gt;
&lt;/a&gt;
&lt;a href=&#34;https://www.sqlite.org/index.html&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;















&lt;figure  &gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;&lt;img src=&#34;https://img.shields.io/badge/SQLite-07405E?style=for-the-badge&amp;amp;logo=sqlite&amp;amp;logoColor=white&#34; alt=&#34;SQLite_logo&#34; loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;/figure&gt;
&lt;/a&gt;&lt;/p&gt;
&lt;!-- &lt;p align=&#34;right&#34;&gt;(&lt;a href=&#34;#readme-top&#34;&gt;back to top&lt;/a&gt;)&lt;/p&gt; --&gt;
&lt;!-- GETTING STARTED --&gt;
&lt;h3 id=&#34;getting-started&#34;&gt;Getting Started&lt;/h3&gt;
&lt;p&gt;If you want to demonstrate this website, you can find more information &lt;a href=&#34;https://yo8.pythonanywhere.com&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;here&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;The level of information accessibility for each user and group is determined by their respective authorization and authentication credentials. Please consult the table provided below to obtain further details regarding permissions.&lt;/p&gt;
&lt;p&gt;&lt;br&gt;&lt;br&gt;
You can login to the website using the admin account.
&lt;br&gt;&lt;br&gt;ID&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-fallback&#34; data-lang=&#34;fallback&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;tester
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;PW&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-fallback&#34; data-lang=&#34;fallback&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;{iSchoolUI}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;&lt;a href=&#34;https://imgur.com/LxR5ZQy&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;















&lt;figure  &gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;&lt;img src=&#34;https://imgur.com/LxR5ZQy.png&#34; alt=&#34;Username Password Screen Shot&#34; loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;/figure&gt;
&lt;/a&gt;
&lt;a href=&#34;https://imgur.com/lRiSrgC&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;















&lt;figure  &gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;&lt;img src=&#34;https://imgur.com/lRiSrgC.png&#34; alt=&#34;Permission Screen Shot1&#34; loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;/figure&gt;
&lt;/a&gt;
&lt;a href=&#34;https://imgur.com/Z2Xuu1d&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;















&lt;figure  &gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;&lt;img src=&#34;https://imgur.com/Z2Xuu1d.png&#34; alt=&#34;Permission Screen Shot2&#34; loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;/figure&gt;
&lt;/a&gt;
&lt;a href=&#34;https://imgur.com/PPahJ8v&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;















&lt;figure  &gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;&lt;img src=&#34;https://imgur.com/PPahJ8v.png&#34; alt=&#34;EZU Logical DB Design&#34; loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;/figure&gt;
&lt;/a&gt;&lt;/p&gt;
&lt;!-- ### Prerequisites

This is an example of how to list things you need to use the software and how to install them.
* npm
  ```sh
  npm install npm@latest -g
  ``` --&gt;
&lt;!--
### Installation


 1. Get a free API Key at [https://example.com](https://example.com)
2. Clone the repo
   ```sh
   git clone https://github.com/your_username_/Project-Name.git
   ```
3. Install NPM packages
   ```sh
   npm install
   ```
4. Enter your API in `config.js`
   ```js
   const API_KEY = &#39;ENTER YOUR API&#39;;
   ```

&lt;p align=&#34;right&#34;&gt;(&lt;a href=&#34;#readme-top&#34;&gt;back to top&lt;/a&gt;)&lt;/p&gt; --&gt;
&lt;!-- USAGE EXAMPLES --&gt;
&lt;h3 id=&#34;usage&#34;&gt;Usage&lt;/h3&gt;
&lt;p&gt;This project can serve as a foundation for developing other web application sites that rely on databases, including course systems. It provides a reusable structure and functionality that can be adapted and extended to meet the specific requirements of different applications. By leveraging the code and architecture in this project, developers can save time and effort in building similar database-driven websites.&lt;/p&gt;
&lt;!-- _For more examples, please refer to the [Documentation](https://example.com)_ --&gt;
&lt;!-- &lt;p align=&#34;right&#34;&gt;(&lt;a href=&#34;#readme-top&#34;&gt;back to top&lt;/a&gt;)&lt;/p&gt; --&gt;
&lt;!-- ROADMAP --&gt;
&lt;!-- ## Roadmap

- [x] Add Changelog
- [x] Add back to top links
- [ ] Add Additional Templates w/ Examples
- [ ] Add &#34;components&#34; document to easily copy &amp; paste sections of the readme


See the [open issues](https://github.com/nateray42/DeCoBot/issues) for a full list of proposed features (and known issues).

&lt;p align=&#34;right&#34;&gt;(&lt;a href=&#34;#readme-top&#34;&gt;back to top&lt;/a&gt;)&lt;/p&gt; --&gt;
&lt;!-- CONTRIBUTING --&gt;
&lt;!-- ## Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag &#34;enhancement&#34;.
Don&#39;t forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commit your Changes (`git commit -m &#39;Add some AmazingFeature&#39;`)
4. Push to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request

&lt;p align=&#34;right&#34;&gt;(&lt;a href=&#34;#readme-top&#34;&gt;back to top&lt;/a&gt;)&lt;/p&gt; --&gt;
&lt;!-- LICENSE --&gt;
&lt;h3 id=&#34;license&#34;&gt;License&lt;/h3&gt;
&lt;p&gt;Distributed under the MIT License. See &lt;code&gt;LICENSE&lt;/code&gt; for more information.&lt;/p&gt;
&lt;!-- &lt;p align=&#34;right&#34;&gt;(&lt;a href=&#34;#readme-top&#34;&gt;back to top&lt;/a&gt;)&lt;/p&gt; --&gt;
&lt;!-- CONTACT --&gt;
&lt;h3 id=&#34;contact&#34;&gt;Contact&lt;/h3&gt;
&lt;p&gt;Youngbeen Oh - &lt;a href=&#34;https://linkedin.com/in/youngbeen-oh&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;@0beansprout&lt;/a&gt; - &lt;a href=&#34;mailto:oyb7140@gmail.com&#34;&gt;oyb7140@gmail.com&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Project Link: &lt;a href=&#34;https://github.com/0beansprout/oh_youngbeen_ezu&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;https://github.com/0beansprout/oh_youngbeen_ezu&lt;/a&gt;&lt;/p&gt;
&lt;p align=&#34;right&#34;&gt;(&lt;a href=&#34;#readme-top&#34;&gt;back to top&lt;/a&gt;)&lt;/p&gt;
&lt;!-- ACKNOWLEDGMENTS --&gt;
&lt;!-- ## Acknowledgments

Use this space to list resources you find helpful and would like to give credit to. I&#39;ve included a few of my favorites to kick things off!

* [Choose an Open Source License](https://choosealicense.com)
* [GitHub Emoji Cheat Sheet](https://www.webpagefx.com/tools/emoji-cheat-sheet)
* [Malven&#39;s Flexbox Cheatsheet](https://flexbox.malven.co/)
* [Malven&#39;s Grid Cheatsheet](https://grid.malven.co/)
* [Img Shields](https://shields.io)
* [GitHub Pages](https://pages.github.com)
* [Font Awesome](https://fontawesome.com)
* [React Icons](https://react-icons.github.io/react-icons/search)

&lt;p align=&#34;right&#34;&gt;(&lt;a href=&#34;#readme-top&#34;&gt;back to top&lt;/a&gt;)&lt;/p&gt; --&gt;
&lt;!-- MARKDOWN LINKS &amp; IMAGES --&gt;
&lt;!-- https://www.markdownguide.org/basic-syntax/#reference-style-links --&gt;
</description>
    </item>
    
    <item>
      <title>Paper Goods - Management Information Systems</title>
      <link>https://ybportfolio.netlify.app/project/papergoods_infosystem/</link>
      <pubDate>Fri, 10 Dec 2021 00:00:00 +0000</pubDate>
      <guid>https://ybportfolio.netlify.app/project/papergoods_infosystem/</guid>
      <description>&lt;p&gt;&lt;a name=&#34;readme-top&#34;&gt;&lt;/a&gt;&lt;/p&gt;
&lt;!--
*** Thanks for checking out the Best-README-Template. If you have a suggestion
*** that would make this better, please fork the repo and create a pull request
*** or simply open an issue with the tag &#34;enhancement&#34;.
*** Don&#39;t forget to give the project a star!
*** Thanks again! Now go create something AMAZING! :D
--&gt;
&lt;!-- PROJECT SHIELDS --&gt;
&lt;!--
*** I&#39;m using markdown &#34;reference style&#34; links for readability.
*** Reference links are enclosed in brackets [ ] instead of parentheses ( ).
*** See the bottom of this document for the declaration of the reference variables
*** for contributors-url, forks-url, etc. This is an optional, concise syntax you may use.
*** https://www.markdownguide.org/basic-syntax/#reference-style-links

[![Contributors][contributors-shield]][contributors-url] [![Forks][forks-shield]][forks-url] [![Stargazers][stars-shield]][stars-url] [![Issues][issues-shield]][issues-url] [![MIT License][license-shield]][license-url] [![LinkedIn][linkedin-shield]][linkedin-url]

--&gt;
&lt;!-- PROJECT LOGO --&gt;
&lt;br /&gt;
&lt;div align=&#34;center&#34;&gt;
  &lt;!-- &lt;a href=&#34;https://github.com/0beansprout/oh_youngbeen_ezu&#34;&gt;
    &lt;img src=&#34;images/logo.png&#34; alt=&#34;Logo&#34; width=&#34;80&#34; height=&#34;80&#34;&gt;
  &lt;/a&gt; --&gt;
  &lt;h3 align=&#34;center&#34;&gt;Paper Goods Management InfoSystem&lt;/h3&gt;
  &lt;p align=&#34;center&#34;&gt;
    Building a website in cPanel using the HTML, CSS, PHP and JavaScript.
    &lt;br /&gt;
    &lt;a href=&#34;https://phpgurukul.com/php-projects-free-downloads/&#34;&gt;&lt;strong&gt;Explore the docs »&lt;/strong&gt;&lt;/a&gt;
    &lt;br /&gt;
    &lt;br /&gt;
    &lt;a href=&#34;https://www.youtube.com/watch?feature=share&amp;v=Pz3EPgU2lZQ&amp;app=desktop&#34;&gt;View Demo&lt;/a&gt;
    ·
    &lt;a href=&#34;https://github.com/0beansprout/papergoods_infosystem/issues&#34;&gt;Report Bug&lt;/a&gt;
    ·
    &lt;a href=&#34;https://github.com/0beansprout/papergoods_infosystem/issues&#34;&gt;Request Feature&lt;/a&gt;
  &lt;/p&gt;
&lt;/div&gt;
&lt;!-- TABLE OF CONTENTS --&gt;
&lt;!-- &lt;details&gt;
  &lt;summary&gt;Table of Contents&lt;/summary&gt;
  &lt;ol&gt;
    &lt;li&gt;
      &lt;a href=&#34;#about-the-project&#34;&gt;About The Project&lt;/a&gt;
      &lt;ul&gt;
        &lt;li&gt;&lt;a href=&#34;#built-with&#34;&gt;Built With&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li&gt;
      &lt;a href=&#34;#getting-started&#34;&gt;Getting Started&lt;/a&gt;
      &lt;ul&gt;
        &lt;li&gt;&lt;a href=&#34;#prerequisites&#34;&gt;Prerequisites&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&#34;#installation&#34;&gt;Installation&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li&gt;&lt;a href=&#34;#usage&#34;&gt;Usage&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&#34;#roadmap&#34;&gt;Roadmap&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&#34;#contributing&#34;&gt;Contributing&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&#34;#license&#34;&gt;License&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&#34;#contact&#34;&gt;Contact&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&#34;#acknowledgments&#34;&gt;Acknowledgments&lt;/a&gt;&lt;/li&gt;
  &lt;/ol&gt;
&lt;/details&gt; --&gt;
&lt;!-- ABOUT THE PROJECT --&gt;
&lt;h3 id=&#34;about-the-project&#34;&gt;About The Project&lt;/h3&gt;
&lt;p&gt;The project&amp;rsquo;s objective is to create a product management website using cPanel on Godaddy. The website is developed using HTML, CSS, PHP, and JavaScript and is deployed on Godaddy, making it easily accessible through web browsers.&lt;/p&gt;
&lt;!-- &lt;p align=&#34;right&#34;&gt;(&lt;a href=&#34;#readme-top&#34;&gt;back to top&lt;/a&gt;)&lt;/p&gt; --&gt;
&lt;h3 id=&#34;built-with&#34;&gt;Built With&lt;/h3&gt;
&lt;!-- This section should list any major frameworks/libraries used to bootstrap your project. Leave any add-ons/plugins for the acknowledgements section. Here are a few examples. --&gt;
&lt;p&gt;&lt;a href=&#34;https://html.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;















&lt;figure  &gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;&lt;img src=&#34;https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&amp;amp;logo=html5&amp;amp;logoColor=white&#34; alt=&#34;HTML_logo&#34; loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;/figure&gt;
&lt;/a&gt;  &lt;a href=&#34;https://www.w3.org/Style/CSS/Overview.en.html#:~:text=What%20is%20CSS%3F,from%20the%20CSS%20working%20group.&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;















&lt;figure  &gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;&lt;img src=&#34;https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&amp;amp;logo=css3&amp;amp;logoColor=white&#34; alt=&#34;CSS_logo&#34; loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;/figure&gt;
&lt;/a&gt; &lt;a href=&#34;https://www.php.net/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;















&lt;figure  &gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;&lt;img src=&#34;https://img.shields.io/badge/PHP-777BB4?style=for-the-badge&amp;amp;logo=php&amp;amp;logoColor=white&#34; alt=&#34;PHP_logo&#34; loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;/figure&gt;
&lt;/a&gt; &lt;a href=&#34;https://www.javascript.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;















&lt;figure  &gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;&lt;img src=&#34;https://img.shields.io/badge/JavaScript-323330?style=for-the-badge&amp;amp;logo=javascript&amp;amp;logoColor=F7DF1E&#34; alt=&#34;JavaScript_logo&#34; loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;/figure&gt;
&lt;/a&gt;&lt;/p&gt;
&lt;!-- &lt;p align=&#34;right&#34;&gt;(&lt;a href=&#34;#readme-top&#34;&gt;back to top&lt;/a&gt;)&lt;/p&gt; --&gt;
&lt;!-- GETTING STARTED --&gt;
&lt;h3 id=&#34;getting-started&#34;&gt;Getting Started&lt;/h3&gt;
&lt;p&gt;Please feel free to explore the contents of this website by visiting the following &lt;a href=&#34;http://pgsalesmgmt.com/home/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;link&lt;/a&gt;.
&lt;br&gt;&lt;br&gt;
You can login to the website using the admin account.
&lt;br&gt;&lt;br&gt;ID&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-fallback&#34; data-lang=&#34;fallback&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;admin@admin.com
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;PW&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-fallback&#34; data-lang=&#34;fallback&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;abc123
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;!-- ### Prerequisites

This is an example of how to list things you need to use the software and how to install them.
* npm
  ```sh
  npm install npm@latest -g
  ``` --&gt;
&lt;!--
### Installation


 1. Get a free API Key at [https://example.com](https://example.com)
2. Clone the repo
   ```sh
   git clone https://github.com/your_username_/Project-Name.git
   ```
3. Install NPM packages
   ```sh
   npm install
   ```
4. Enter your API in `config.js`
   ```js
   const API_KEY = &#39;ENTER YOUR API&#39;;
   ```

&lt;p align=&#34;right&#34;&gt;(&lt;a href=&#34;#readme-top&#34;&gt;back to top&lt;/a&gt;)&lt;/p&gt; --&gt;
&lt;!-- USAGE EXAMPLES --&gt;
&lt;h3 id=&#34;usage&#34;&gt;Usage&lt;/h3&gt;
&lt;p&gt;The HTML, CSS, and PHP can be utilized to create a website or blog.&lt;/p&gt;
&lt;!-- _For more examples, please refer to the [Documentation](https://example.com)_ --&gt;
&lt;!-- &lt;p align=&#34;right&#34;&gt;(&lt;a href=&#34;#readme-top&#34;&gt;back to top&lt;/a&gt;)&lt;/p&gt; --&gt;
&lt;!-- ROADMAP --&gt;
&lt;!-- ## Roadmap

- [x] Add Changelog
- [x] Add back to top links
- [ ] Add Additional Templates w/ Examples
- [ ] Add &#34;components&#34; document to easily copy &amp; paste sections of the readme


See the [open issues](https://github.com/nateray42/DeCoBot/issues) for a full list of proposed features (and known issues).

&lt;p align=&#34;right&#34;&gt;(&lt;a href=&#34;#readme-top&#34;&gt;back to top&lt;/a&gt;)&lt;/p&gt; --&gt;
&lt;!-- CONTRIBUTING --&gt;
&lt;!-- ## Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag &#34;enhancement&#34;.
Don&#39;t forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commit your Changes (`git commit -m &#39;Add some AmazingFeature&#39;`)
4. Push to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request

&lt;p align=&#34;right&#34;&gt;(&lt;a href=&#34;#readme-top&#34;&gt;back to top&lt;/a&gt;)&lt;/p&gt; --&gt;
&lt;!-- LICENSE --&gt;
&lt;h3 id=&#34;license&#34;&gt;License&lt;/h3&gt;
&lt;p&gt;Distributed under the MIT License. See &lt;code&gt;LICENSE&lt;/code&gt; for more information.&lt;/p&gt;
&lt;!-- &lt;p align=&#34;right&#34;&gt;(&lt;a href=&#34;#readme-top&#34;&gt;back to top&lt;/a&gt;)&lt;/p&gt; --&gt;
&lt;!-- CONTACT --&gt;
&lt;h3 id=&#34;contact&#34;&gt;Contact&lt;/h3&gt;
&lt;p&gt;Youngbeen Oh - &lt;a href=&#34;https://linkedin.com/in/youngbeen-oh&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;@0beansprout&lt;/a&gt; - &lt;a href=&#34;mailto:oyb7140@gmail.com&#34;&gt;oyb7140@gmail.com&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Project Link: &lt;a href=&#34;https://github.com/0beansprout/papergoods_infosystem&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;https://github.com/0beansprout/papergoods_infosystem&lt;/a&gt;&lt;/p&gt;
&lt;p align=&#34;right&#34;&gt;(&lt;a href=&#34;#readme-top&#34;&gt;back to top&lt;/a&gt;)&lt;/p&gt;
&lt;!-- ACKNOWLEDGMENTS --&gt;
&lt;!-- ## Acknowledgments

Use this space to list resources you find helpful and would like to give credit to. I&#39;ve included a few of my favorites to kick things off!

* [Choose an Open Source License](https://choosealicense.com)
* [GitHub Emoji Cheat Sheet](https://www.webpagefx.com/tools/emoji-cheat-sheet)
* [Malven&#39;s Flexbox Cheatsheet](https://flexbox.malven.co/)
* [Malven&#39;s Grid Cheatsheet](https://grid.malven.co/)
* [Img Shields](https://shields.io)
* [GitHub Pages](https://pages.github.com)
* [Font Awesome](https://fontawesome.com)
* [React Icons](https://react-icons.github.io/react-icons/search)

&lt;p align=&#34;right&#34;&gt;(&lt;a href=&#34;#readme-top&#34;&gt;back to top&lt;/a&gt;)&lt;/p&gt; --&gt;
&lt;!-- MARKDOWN LINKS &amp; IMAGES --&gt;
&lt;!-- https://www.markdownguide.org/basic-syntax/#reference-style-links --&gt;
</description>
    </item>
    
  </channel>
</rss>
