[Project 6] Create a Javascript app for Random Quote Generator #3

project6[Quote_Generator]/ThPadelis/.env.example

@@ -0,0 +1 @@
+API_NINJA_KEY=your_api_ninja_key_here

project6[Quote_Generator]/ThPadelis/.gitignore

@@ -0,0 +1,144 @@
+# Created by https://www.toptal.com/developers/gitignore/api/node
+# Edit at https://www.toptal.com/developers/gitignore?templates=node
+
+### Node ###
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+.pnpm-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Snowpack dependency directory (https://snowpack.dev/)
+web_modules/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional stylelint cache
+.stylelintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variable files
+.env
+.env.development.local
+.env.test.local
+.env.production.local
+.env.local
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+.parcel-cache
+
+# Next.js build output
+.next
+out
+
+# Nuxt.js build / generate output
+.nuxt
+dist
+
+# Gatsby files
+.cache/
+# Comment in the public line in if your project uses Gatsby and not Next.js
+# https://nextjs.org/blog/next-9-1#public-directory-support
+# public
+
+# vuepress build output
+.vuepress/dist
+
+# vuepress v2.x temp and cache directory
+.temp
+
+# Docusaurus cache and generated files
+.docusaurus
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# TernJS port file
+.tern-port
+
+# Stores VSCode versions used for testing VSCode extensions
+.vscode-test
+
+# yarn v2
+.yarn/cache
+.yarn/unplugged
+.yarn/build-state.yml
+.yarn/install-state.gz
+.pnp.*
+
+### Node Patch ###
+# Serverless Webpack directories
+.webpack/
+
+# Optional stylelint cache
+
+# SvelteKit build / generate output
+.svelte-kit
+
+# End of https://www.toptal.com/developers/gitignore/api/node

project6[Quote_Generator]/ThPadelis/.posthtmlrc

@@ -0,0 +1,7 @@
+{
+  "plugins": {
+    "posthtml-include": {
+      "root": "./src"
+    }
+  }
+}

project6[Quote_Generator]/ThPadelis/README.md

@@ -0,0 +1,62 @@
+# Quote generator application - JavaScript
+
+Explore endless inspiration with our JavaScript-powered quote generator, beautifully styled using Tailwind.css and powered by API Ninjas. Discover wisdom, humor, and motivation at your fingertips.
+
+## Description
+
+A quote generator app is a testament to the strength of technology and creativity in the digital age, where inspiration is always nearby and information flows nonstop. This feat of contemporary web development combines three crucial elements—JavaScript, Tailwind.css, and the API Ninjas—to produce a seamless and effective platform that goes beyond the limitations of language.
+
+**JavaScript - The Dynamic Heartbeat**
+
+The programming language JavaScript, which is dynamic, adaptable, and widely used, is at the heart of this captivating quote generator. The interactive features that give users a truly engaging experience are powered by JavaScript.
+
+**Tailwind.css - The Stylish Canvas**
+
+The utility-first CSS framework Tailwind.css gives this quote generator application a dash of class and sophistication. It allows for simple customization, enabling designers to produce aesthetically pleasing and responsive designs. Tailwind.css's responsive design makes it possible for users to access the application on smartphones, tablets, and desktop computers by ensuring that it adapts fluidly to different screen sizes and gadgets. The framework facilitates simple theming. The layout, fonts, and color schemes can all be easily modified by developers to give the application a distinctive look. The focus is kept on the content—quotes that motivate and inspire users—by promoting a minimalist design aesthetic through Tailwind.css.
+
+**API Ninjas - The Quote Providers**
+
+The unsung heroes of the Quote Generator program are the API Ninjas. They offer a sizable and varied selection of quotations from various categories, ensuring that users can investigate various genres and viewpoints. The application is kept interesting and constantly changing by the real-time updating of these quotes. The ultimate source of knowledge and inspiration within the application, API Ninjas' seamless integration with JavaScript ensures a steady stream of quotes without interfering with the user's experience.
+
+As a result, the Quote Generator application is a mesmerizing fusion of technology and design, combining JavaScript, Tailwind.css, and API Ninjas to produce a platform that motivates, informs, and entertains. By providing users with a delightful and enlightening experience one quote at a time, it is a testament to the creativity and innovation that web development can achieve. This application is your entryway to a world of knowledge and inspiration, whether you're looking for inspiration, enlightenment, or just a quick moment of reflection.
+
+## Features
+
+- Built with vanilla JavaScript
+- [Tailwind](https://tailwindcss.com/)
+- [Feather Icons](https://feathericons.com/)
+- [Parcel](https://parceljs.org/)
+- [API Ninjas](https://api-ninjas.com/)
+
+## Getting Started
+
+### Prerequisites
+
+The only prerequisites you need to have in place are [Node.js](https://nodejs.org/en) and [Visual Studio Code](https://code.visualstudio.com/) (VS Code).
+
+Furthermore, to unlock the full functionality of the application, you'll need to obtain API secret key from one essential source:
+
+1. **API Ninjas**: Navigate to [API Ninjas](https://api-ninjas.com/) and sign up for an API key. This key is essential for using the API, allowing the application to fetch quotes.
+
+The next step is to incorporate the secret key into your project for seamless functionality after you have successfully obtained it from the API Ninjas. What you must do is as follows:
+
+1. Copy `.env.example` to `.env`
+2. Edit `.env` file: There are placeholders for the API keys inside the file. Put the actual API keys you got from OpenCage and OpenWeatherData in these placeholders.
+```env
+API_NINJA_KEY=your_api_ninja_key_here
+```
+
+### Installation
+
+To ensure a smooth setup process, it is essential to follow step-by-step the installation instructions.
+
+```sh
+# Install packages
+npm install
+
+# Run in dev mode
+npm run dev
+
+# Run in prod mode
+# npm run serve
+```