+
+
+
+
+ send
+
+
+
+
\ No newline at end of file
diff --git a/CHATBOT/index.js b/CHATBOT/index.js
new file mode 100644
index 0000000..9a7aa61
--- /dev/null
+++ b/CHATBOT/index.js
@@ -0,0 +1,70 @@
+const sendChatBtn = document.querySelector(".chat-input span");
+const chatbox = document.querySelector(".chatbox");
+const chatInput = document.querySelector(".chat-input textarea");
+const chatbottoggler = document.querySelector(".chatbot-toggler");
+const closeChatBtn = document.getElementById("close-chat-btn");
+
+let userMessage;
+const apiBox = document.querySelector("#apiId")
+const apiInput = document.querySelector("#apiId input")
+const apiButton = document.querySelector("#apiId button")
+
+
+apiButton.addEventListener("click",()=>{
+ apikey=apiInput.value;
+ apiBox.style.display="none";
+})
+const createChatLi = (message, className) => {
+ const chatLi = document.createElement("li");
+ chatLi.classList.add("chat", className);
+ let chatContent = className === "outgoing" ? `
${message}
` : `
smart_toy${message}
`;
+ chatLi.innerHTML = chatContent;
+ return chatLi;
+};
+
+const generateResponse = (incomingChatLi) => {
+ const apiurl = "https://api.openai.com/v1/chat/completions";
+ const messageElement = incomingChatLi.querySelector("p");
+ const requestOptions = {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ "Authorization": `Bearer ${apikey}`
+ },
+ body: JSON.stringify({
+ model: "gpt-3.5-turbo",
+ messages: [{ role: "user", content: userMessage }]
+ })
+ };
+ fetch(apiurl, requestOptions)
+ .then((res) => res.json())
+ .then((data) => {
+ console.log(data);
+ messageElement.textContent = data.choices[0].message.content.trim();
+ })
+ .catch((error) => {
+ messageElement.classList.add("error");
+ messageElement.textContent = "Oops, something went wrong";
+ console.log(error);
+ })
+ .finally(() => chatbox.scrollTo(0, chatbox.scrollHeight));
+};
+
+const handleChat = () => {
+ userMessage = chatInput.value.trim();
+ if (!userMessage) return;
+ chatbox.appendChild(createChatLi(userMessage, "outgoing"));
+ chatbox.scrollTo(0, chatbox.scrollHeight);
+ console.log(userMessage);
+ chatInput.value = "";
+ setTimeout(() => {
+ const incomingChatLi = createChatLi("Thinking ... Please Wait!", "incoming");
+ chatbox.appendChild(incomingChatLi);
+ chatbox.scrollTo(0, chatbox.scrollHeight);
+ generateResponse(incomingChatLi);
+ }, 600);
+};
+
+chatbottoggler.addEventListener("click", () => document.body.classList.toggle("show-chatbot"));
+sendChatBtn.addEventListener("click", handleChat);
+
diff --git a/DICTIONARY APP/index.css b/DICTIONARY APP/index.css
new file mode 100644
index 0000000..768db83
--- /dev/null
+++ b/DICTIONARY APP/index.css
@@ -0,0 +1,150 @@
+@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Lobster&display=swap');
+*{margin: 0;
+padding: 0;
+box-sizing: border-box;
+font-family: 'Josefin Sans', sans-serif;
+}
+body{
+ background-color: #444141;
+}
+.card{
+ width:90%;
+ max-width: 70vw;
+ background: linear-gradient(135deg,#00feba,#5b548a);
+ color:#ffffff;
+ margin: 100px auto 0px;
+ border-radius: 20px;
+ padding: 40px 35px;
+ /* text-align: center; */
+
+}
+.search{
+ /* border-radius: 20px; */
+ width: 100%;
+ align-items: center;
+ display: flex;
+ justify-content: space-between;
+
+}
+.search input{
+ border: 0;
+ outline: 0;
+ background: #ebfffc;
+color: #555;
+padding: 10px 25px;
+height: 60px;
+border-radius: 30px;
+
+flex:1;
+margin-right: 16px;
+font-size: 20px;
+}
+.search button img{
+ width: 16px;
+
+
+}
+.search button{
+ border-radius: 50%;
+ border: 0;
+ outline: 0;
+ background: #ebfffc;
+ cursor: pointer;
+ width: 60px;
+ height: 60px;
+}
+.search button:hover{
+ background-color: #fff;
+
+}
+.result{
+
+ position: relative;
+ display: none;
+}
+
+.word{
+ /* display: none;
+ */
+ display: flex;
+ margin-top: 4vh;
+ /* flex-direction: column; */
+ /* align-items: flex-start; */
+ justify-content: space-between;
+ /* gap: 1vh; */
+}
+.word h3{
+ font-size: 35px;
+ color: black;
+}
+.word button{
+ background: transparent;
+ border: 0px;
+ cursor: pointer;
+ outline: none;
+ font-size: 20px;
+ color: antiquewhite;
+}
+.result .details{
+display: flex;
+flex-direction: row;
+gap: 2vw;
+color: rgb(255, 249, 249);
+margin: 5px 0 20px 0;
+
+font-size: 20px;
+/* justify-content: center; */
+align-items: flex-start;
+
+}
+.word-meaning {
+ color: #f4f5fb;
+ /* text-align: left; */
+ font-size: 25px;
+
+}
+.word-example{
+ color: #f4f5fb;
+ font-style: italic;
+ border-left: 5px solid grey;
+ padding-left: 20px;
+ margin-top: 1vh;
+ font-size: 20px;
+}
+@media(max-width:716px){
+ .card{
+ width: fit-content;
+ padding: 10px;
+ }
+ .col img{
+ width: 5vw;
+ }
+ .humidity,.wind{
+ font-size: 15px;
+ }
+ .search button{
+ width: 20px;
+ height: 30px;
+ }
+ #searchinput{
+ width:45vw;
+ }
+ .col div{
+ font-size: 10px;
+ margin-left: 1vw;
+ }
+ .col{
+ padding: 5px;
+ }
+ .errormessage{
+ font-size: 10px;
+ }
+}
+.errormessage{
+ margin-top: 2vh;
+ text-align: left;
+ margin-left: 2vw;
+ font-size: 15px;
+display: none;
+color: red;
+}
\ No newline at end of file
diff --git a/DICTIONARY APP/index.html b/DICTIONARY APP/index.html
new file mode 100644
index 0000000..3b1837b
--- /dev/null
+++ b/DICTIONARY APP/index.html
@@ -0,0 +1,42 @@
+
+
+
+
+
+
DICTIONARY
+
+
+
+
+
+
+
+
+
+
+
COULD NOT FIND THE WORD
+
+
+
+
+
Sample
+
+
+
+
+
+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Accusamus, iste?
+
+
Lorem ipsum dolor sit amet.
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/DICTIONARY APP/index.js b/DICTIONARY APP/index.js
new file mode 100644
index 0000000..c7c613c
--- /dev/null
+++ b/DICTIONARY APP/index.js
@@ -0,0 +1,46 @@
+const url = "https://api.dictionaryapi.dev/api/v2/entries/en/";
+const result = document.getElementById("result");
+const sound = document.getElementById("sound");
+const btn = document.getElementById("searchbutton");
+const errormsg = document.getElementById("errormsg");
+
+btn.addEventListener("click", () => {
+ let inpword = document.getElementById("searchinput").value;
+ console.log(inpword);
+
+ fetch(`${url}${inpword}`)
+ .then((response) => response.json())
+ .then((data) => {
+ if (data.title && data.title === "No Definitions Found") {
+ // Word not found
+ errormsg.style.display = "block";
+ result.style.display = "none";
+ } else {
+ console.log(data);
+ result.innerHTML = `
+
+
${inpword}
+
+
+
+
${data[0].meanings[0].partOfSpeech}
+
${data[0].phonetic}
+
+
${data[0].meanings[0].definitions[0].definition}
+
${data[0].meanings[0].definitions[0].example || " "}
`;
+ sound.setAttribute("src", data[0].phonetics[1].audio || data[0].phonetics[0].audio);
+ let playButton = result.querySelector(".play-button");
+ playButton.addEventListener("click", playSound);
+ result.style.display = "block";
+ errormsg.style.display = "none";
+ }
+ })
+ .catch(() => {
+ errormsg.style.display = "block";
+ result.style.display = "none";
+ });
+});
+
+function playSound() {
+ sound.play();
+}
diff --git a/DICTIONARY APP/search.png b/DICTIONARY APP/search.png
new file mode 100644
index 0000000..95ec64e
Binary files /dev/null and b/DICTIONARY APP/search.png differ
diff --git a/TRANSLATOR APP/index.css b/TRANSLATOR APP/index.css
new file mode 100644
index 0000000..3b932e4
--- /dev/null
+++ b/TRANSLATOR APP/index.css
@@ -0,0 +1,183 @@
+@import url('https://fonts.googleapis.com/css2?family=Inclusive+Sans&display=swap');
+*{
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ font-family: 'Inclusive Sans', sans-serif;
+}
+.container{
+ display: flex;
+ justify-content: center;
+ flex-direction: column;
+ align-items: center;
+ margin-top: 4vh;
+}
+body{
+ background: linear-gradient(135deg,rgb(255, 169, 183),rgb(111, 111, 235));
+ width: 100%;
+ height: 100vh;
+}
+.mainContent{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: row;
+ margin-top: -4vh;
+ border-radius: 10px;
+ max-height: 80%;
+ min-width: 50%;
+ gap:1vw;
+ background: linear-gradient(135deg,rgb(246, 220, 220),rgb(255, 199, 208));
+}
+textarea::placeholder{
+ /* pointer-events: none; */
+ margin: auto;
+ padding: 6px;
+ font-weight: bold;
+
+/* font-size: 18px; */
+}
+textarea{
+ background-color: rgb(245, 244, 242);
+ width: 100%;
+ height: 100%;
+ border-radius: 10px;
+ border: 3px solid black;
+ resize: none;
+padding: 20px;
+font-size: 15px;
+font-weight: bold;
+}
+.text-input{
+ /* border: 3px solid black; */
+ border-radius: 10px;
+}
+
+.textToTranslate,.translatedText{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+padding: 20px;
+}
+.controls ul{
+ list-style: none;
+margin-top: 2vh;
+
+}
+.control li{
+display: flex;
+align-items: center;
+justify-content: space-between;
+padding-left:15px;
+padding-right:15px;
+padding-bottom: 12px;
+
+}
+.control .icons i{
+ width: 60px;
+ cursor: pointer;
+
+
+}
+.exchange{
+ list-style: none;
+ cursor: pointer;
+}
+select{
+ width: 8vw;
+ height: 4vh;
+ border-radius: 10px;
+ font-size: 19px;
+ background: NONE;
+ border: none;
+ outline: none;
+cursor: pointer;
+}
+.tbtn{
+ width: 85%;
+ background: linear-gradient(135deg,rgb(255, 169, 183),rgb(111, 111, 235));
+
+ /* background-color: rgb(20, 88, 223); */
+height: 6vh;
+font-size: 20px;
+font-weight: bold;
+padding: 5px;
+border: none;
+border-radius: 10px;
+margin-bottom: 2vh;
+margin-top: 3vh;
+color: white;
+cursor: pointer;
+}
+.col{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+ height: 85vh;
+ background: linear-gradient(135deg,rgb(246, 220, 220),rgb(255, 199, 208));
+margin-bottom: 1vh;
+}
+h1{
+ margin-bottom: 2vh;
+}
+@media (max-width:539px) {
+ select{
+ width: fit-content;
+ padding: 1px;
+ height: 4vh;
+ border-radius: 10px;
+ font-size: 11px;
+
+ }
+ .control .icons i{
+ width: 30px;
+ }
+ .control li{
+ /* display: flex; */
+ /* align-items: center; */
+ /* justify-content: space-between; */
+ padding-left:10px;
+ padding-right:12px;
+ padding-bottom: 11px;
+ padding-top: 5px;
+
+ }
+ .fa-volume-high{
+ padding-bottom: 20px;
+ }
+}
+@media (max-width:363px){
+ .mainContent{
+
+ width: fit-content;
+ padding: 6px;
+ margin-top: -1vh;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: row;
+
+ }
+ textarea{
+ width: 80%;
+ height: 80%;
+ margin-left: 5vw;
+ }
+ .textToTranslate{
+ margin-right: -3vh;
+ }
+ .translatedText{
+ margin-left: -4vh;
+ }
+ .col{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+ height: 75vh;
+ background: linear-gradient(135deg,rgb(246, 220, 220),rgb(255, 199, 208));
+ margin-bottom: 1vh;
+ }
+}
\ No newline at end of file
diff --git a/TRANSLATOR APP/index.html b/TRANSLATOR APP/index.html
new file mode 100644
index 0000000..b1f89b0
--- /dev/null
+++ b/TRANSLATOR APP/index.html
@@ -0,0 +1,123 @@
+
+
+
+
+
+
MY-TRANSLATOR
+
+
+
+
+
+
+
WELCOME TO MY TRANSLATOR
+
+
+
+
+
+
+
+
+
diff --git a/TRANSLATOR APP/js/index.js b/TRANSLATOR APP/js/index.js
new file mode 100644
index 0000000..30d8892
--- /dev/null
+++ b/TRANSLATOR APP/js/index.js
@@ -0,0 +1,170 @@
+const countries = {
+ "am-ET": "Amharic",
+ "ar-SA": "Arabic",
+ "be-BY": "Bielarus",
+ "bem-ZM": "Bemba",
+ "bi-VU": "Bislama",
+ "bjs-BB": "Bajan",
+ "bn-IN": "Bengali",
+ "bo-CN": "Tibetan",
+ "br-FR": "Breton",
+ "bs-BA": "Bosnian",
+ "ca-ES": "Catalan",
+ "cop-EG": "Coptic",
+ "cs-CZ": "Czech",
+ "cy-GB": "Welsh",
+ "da-DK": "Danish",
+ "dz-BT": "Dzongkha",
+ "de-DE": "German",
+ "dv-MV": "Maldivian",
+ "el-GR": "Greek",
+ "en-GB": "English",
+ "es-ES": "Spanish",
+ "et-EE": "Estonian",
+ "eu-ES": "Basque",
+ "fa-IR": "Persian",
+ "fi-FI": "Finnish",
+ "fn-FNG": "Fanagalo",
+ "fo-FO": "Faroese",
+ "fr-FR": "French",
+ "gl-ES": "Galician",
+ "gu-IN": "Gujarati",
+ "ha-NE": "Hausa",
+ "he-IL": "Hebrew",
+ "hi-IN": "Hindi",
+ "hr-HR": "Croatian",
+ "hu-HU": "Hungarian",
+ "id-ID": "Indonesian",
+ "is-IS": "Icelandic",
+ "it-IT": "Italian",
+ "ja-JP": "Japanese",
+ "kk-KZ": "Kazakh",
+ "km-KM": "Khmer",
+ "kn-IN": "Kannada",
+ "ko-KR": "Korean",
+ "ku-TR": "Kurdish",
+ "ky-KG": "Kyrgyz",
+ "la-VA": "Latin",
+ "lo-LA": "Lao",
+ "lv-LV": "Latvian",
+ "men-SL": "Mende",
+ "mg-MG": "Malagasy",
+ "mi-NZ": "Maori",
+ "ms-MY": "Malay",
+ "mt-MT": "Maltese",
+ "my-MM": "Burmese",
+ "ne-NP": "Nepali",
+ "niu-NU": "Niuean",
+ "nl-NL": "Dutch",
+ "no-NO": "Norwegian",
+ "ny-MW": "Nyanja",
+ "ur-PK": "Pakistani",
+ "pau-PW": "Palauan",
+ "pa-IN": "Panjabi",
+ "ps-PK": "Pashto",
+ "pis-SB": "Pijin",
+ "pl-PL": "Polish",
+ "pt-PT": "Portuguese",
+ "rn-BI": "Kirundi",
+ "ro-RO": "Romanian",
+ "ru-RU": "Russian",
+ "sg-CF": "Sango",
+ "si-LK": "Sinhala",
+ "sk-SK": "Slovak",
+ "sm-WS": "Samoan",
+ "sn-ZW": "Shona",
+ "so-SO": "Somali",
+ "sq-AL": "Albanian",
+ "sr-RS": "Serbian",
+ "sv-SE": "Swedish",
+ "sw-SZ": "Swahili",
+ "ta-LK": "Tamil",
+ "te-IN": "Telugu",
+ "tet-TL": "Tetum",
+ "tg-TJ": "Tajik",
+ "th-TH": "Thai",
+ "ti-TI": "Tigrinya",
+ "tk-TM": "Turkmen",
+ "tl-PH": "Tagalog",
+ "tn-BW": "Tswana",
+ "to-TO": "Tongan",
+ "tr-TR": "Turkish",
+ "uk-UA": "Ukrainian",
+ "uz-UZ": "Uzbek",
+ "vi-VN": "Vietnamese",
+ "wo-SN": "Wolof",
+ "xh-ZA": "Xhosa",
+ "yi-YD": "Yiddish",
+ "zu-ZA": "Zulu"
+}
+
+const selectTag=document.querySelectorAll("select");
+const body=document.getElementById("body")
+const translateBtn=document.getElementById("btn");
+const inputText=document.getElementById("translate");
+const outputText=document.getElementById("translated");
+const exchange=document.getElementById("exchange");
+const icons=document.querySelectorAll(".row i")
+selectTag.forEach((tag,id) => {
+ for(const country_code in countries) {
+ let selected;
+ if(id==0 && country_code=="en-GB"){
+ selected="selected";
+ }
+ else if(id==1 && country_code=="hi-IN"){
+ selected="selected";
+ }
+ console.log(countries[country_code]);
+ let option=`
`;
+ tag.insertAdjacentHTML("beforeend",option);
+ }
+});
+translateBtn.addEventListener("click",()=>{
+ let text=body.value;
+ let translateFrom=selectTag[0].value;
+ let translateTo=selectTag[1].value;
+ console.log(text,translateFrom,translateTo);
+ let apiUrl=`https://api.mymemory.translated.net/get?q=${text}&langpair=${translateFrom}|${translateTo}`;
+ fetch(apiUrl).then(res => res.json()).then(data=>{
+ console.log(data);
+// outputText.value=data.responseData.translatedText;
+body.value=data.responseData.translatedText;
+
+ })
+
+
+})
+
+exchange.addEventListener("click",()=>{
+ let tempText=body.value;
+ body.value=body.value;
+ body.value=tempText;
+ let tempLang=selectTag[0].value;
+ selectTag[0].value=selectTag[1].value;
+ selectTag[1].value=tempLang;
+})
+icons.forEach(icon=>{
+icon.addEventListener("click",({target})=>{
+ if(target.classList.contains("fa-copy")){
+ if(target.id=="from"){
+ navigator.clipboard.writeText(body.value);
+ }
+ else{
+ navigator.clipboard.writeText(body.value);
+ }
+ }
+ else{
+ let utterance;
+ if(target.id=="from"){
+ utterance=new SpeechSynthesisUtterance(inputText.value);
+ utterance.lang=selectTag[0].value;
+ }
+ else{
+ utterance=new SpeechSynthesisUtterance(outputText.value);
+ utterance.lang=selectTag[1].value;
+ }
+ speechSynthesis.speak(utterance);
+ }
+
+});
+})
\ No newline at end of file