{"id":13478,"date":"2024-03-06T03:46:07","date_gmt":"2024-03-06T03:46:07","guid":{"rendered":"https:\/\/codewithcurious.com\/?p=13478"},"modified":"2024-10-14T19:34:59","modified_gmt":"2024-10-14T19:34:59","slug":"expense-tracker-app-react-framework","status":"publish","type":"post","link":"https:\/\/codewithcurious.com\/projects\/expense-tracker-app-react-framework\/","title":{"rendered":"Expense Tracker App using HTML, CSS, JavaScript and ReactJs Framework With Source Code"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"13478\" class=\"elementor elementor-13478\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a02480 e-con-full e-flex e-con e-parent\" data-id=\"3a02480\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3c02bd7 e-con-full e-flex e-con e-child\" data-id=\"3c02bd7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-faa9e18 elementor-widget elementor-widget-heading\" data-id=\"faa9e18\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Expense Tracker App using HTML, CSS, JavaScript &amp; React With Source Code<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ce464e2 elementor-widget elementor-widget-image\" data-id=\"ce464e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/03\/Handwritten-Notes-2024-09-10T060858.198-1024x576.png\" class=\"attachment-large size-large wp-image-19308\" alt=\"Expense Tracker App using HTML, CSS, JavaScript &amp; React\" srcset=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/03\/Handwritten-Notes-2024-09-10T060858.198-1024x576.png.webp 1024w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/03\/Handwritten-Notes-2024-09-10T060858.198-300x169.png.webp 300w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/03\/Handwritten-Notes-2024-09-10T060858.198-768x432.png.webp 768w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/03\/Handwritten-Notes-2024-09-10T060858.198-600x338.png.webp 600w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/03\/Handwritten-Notes-2024-09-10T060858.198.png.webp 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0663fb5 elementor-widget elementor-widget-heading\" data-id=\"0663fb5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Introduction :<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-01cc363 elementor-widget elementor-widget-text-editor\" data-id=\"01cc363\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"w-full text-token-text-primary\" data-testid=\"conversation-turn-5\"><div class=\"px-4 py-2 justify-center text-base md:gap-6 m-auto\"><div class=\"flex flex-1 text-base mx-auto gap-3 md:px-5 lg:px-1 xl:px-5 md:max-w-3xl lg:max-w-[40rem] xl:max-w-[48rem] group final-completion\"><div class=\"relative flex w-full flex-col agent-turn\"><div class=\"flex-col gap-1 md:gap-3\"><div class=\"flex flex-grow flex-col max-w-full\"><div class=\"min-h-[20px] text-message flex flex-col items-start gap-3 whitespace-pre-wrap break-words [.text-message+&amp;]:mt-5 overflow-x-auto\" data-message-author-role=\"assistant\" data-message-id=\"8868d36a-cf67-43eb-bd46-6ed8c9c4904c\"><div class=\"markdown prose w-full break-words dark:prose-invert dark\"><p><strong>Expense Tracker<\/strong> is created using <strong>React<\/strong> is a comprehensive <strong>financial management tool<\/strong> designed to help users track and manage their <strong>expenses<\/strong> efficiently. The application employs a modular structure, utilizing React components for distinct functionalities.<\/p><p>The <code>AddForm<\/code> component serves as the gateway for users to input new expenses or edit existing ones. It includes dynamic form elements for <strong>title, category, and amount,<\/strong> complete with real-time error validation to ensure accurate data entry. The form&#8217;s logic seamlessly handles both addition and modification of expense records, synchronizing with the app&#8217;s state and persisting data in local storage.<\/p><p>The <code>ContextMenu<\/code> component enhances user interaction by providing context-specific options for each expense entry in the main table. It facilitates intuitive expense management through functionalities such as deleting and editing individual records, enhancing the user experience.<\/p><p>The heart of your application lies in the <code>ExpenseTable<\/code> component, where a responsive and dynamic table displays the user&#8217;s expenses. Users can effortlessly filter expenses by category, sort them based on amount in ascending or descending order, and observe the total amount dynamically updating as per the filtered results. The context menu further streamlines expense management, allowing users to perform quick actions without navigating away from the table.<\/p><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2425664 elementor-widget elementor-widget-heading\" data-id=\"2425664\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Explanation :<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35da922 elementor-widget elementor-widget-text-editor\" data-id=\"35da922\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h5><strong>AddForm.jsx :<\/strong><\/h5><ul><li><strong>State:<\/strong><ul><li><code>formData<\/code>: Holds the data for the expense form.<\/li><li><code>error<\/code>: Keeps track of form validation errors.<\/li><\/ul><\/li><li><strong>Functions:<\/strong><ul><li><code>validateError<\/code>: Validates the form data and sets error messages if necessary.<\/li><li><code>submitHandler<\/code>: Handles form submission, updates existing expenses, or adds new ones.<\/li><li><code>handleInputChange<\/code>: Updates form data on input change.<\/li><\/ul><\/li><li><strong>Effect:<\/strong><ul><li><code>useEffect<\/code>: Saves the expenses in local storage whenever there&#8217;s a change in the <code>expense<\/code> state.<\/li><\/ul><\/li><li><p><strong>Structure<\/strong>:<\/p><ul><li>The component renders a form with input fields for title, category, and amount.<\/li><li><code>InputControl<\/code> is a custom component rendering an input field with label and error handling.<\/li><\/ul><p><strong>JavaScript Logic:<\/strong><\/p><ul><li>Validates the form data to ensure required fields are filled.<\/li><li>Modifies existing expenses or adds new ones based on user input.<\/li><li>Updates local storage with the latest expenses.<\/li><\/ul><p><strong>Purpose of Functions:<\/strong><\/p><ul><li><code>validateError<\/code>: Checks for missing fields and updates the <code>error<\/code> state accordingly.<\/li><li><code>submitHandler<\/code>: Handles form submission, either updating existing expenses or adding new ones.<\/li><li><code>handleInputChange<\/code>: Updates the <code>formData<\/code> state on input chan<strong>ge.<\/strong><\/li><\/ul><\/li><\/ul><h5><strong>ContextMenu.jsx<\/strong><\/h5><ul><li><strong>Functions:<\/strong><ul><li><code>deleteHandler<\/code>: Deletes the selected expense.<\/li><li><code>editHandler<\/code>: Populates the form with the selected expense data for editing.<\/li><\/ul><\/li><\/ul><p><strong>Structure:<\/strong><\/p><ul><li>Renders a context menu with &#8220;Edit&#8221; and &#8220;Delete&#8221; options.<\/li><\/ul><p><strong>JavaScript Logic:<\/strong><\/p><ul><li>Handles the delete and edit functionalities for an expense.<\/li><\/ul><p><strong>Purpose of Functions:<\/strong><\/p><ul><li><code>deleteHandler<\/code>: Deletes the selected expense.<\/li><li><code>editHandler<\/code>: Populates the form with the selected expense data for editing.<\/li><\/ul><h5><strong>ExpenseTable.jsx<\/strong><\/h5><div class=\"w-full text-token-text-primary\" data-testid=\"conversation-turn-3\"><div class=\"px-4 py-2 justify-center text-base md:gap-6 m-auto\"><div class=\"flex flex-1 text-base mx-auto gap-3 md:px-5 lg:px-1 xl:px-5 md:max-w-3xl lg:max-w-[40rem] xl:max-w-[48rem] group\"><div class=\"relative flex w-full flex-col agent-turn\"><div class=\"flex-col gap-1 md:gap-3\"><div class=\"flex flex-grow flex-col max-w-full\"><div class=\"min-h-[20px] text-message flex flex-col items-start gap-3 whitespace-pre-wrap break-words [.text-message+&amp;]:mt-5 overflow-x-auto\" data-message-author-role=\"assistant\" data-message-id=\"7481ac0b-0b05-44e2-91a8-8ce126366fab\"><div class=\"markdown prose w-full break-words dark:prose-invert dark\"><ul><li><p><strong>State:<\/strong><\/p><ul><li><code>filterdata<\/code>: Stores the filtered expenses based on category selection.<\/li><li><code>contextPosition<\/code>: Keeps track of the position for displaying the context menu.<\/li><\/ul><\/li><li><p><strong>Functions:<\/strong><\/p><ul><li><code>filterByCategory<\/code>: Filters expenses based on the selected category.<\/li><li><code>contextHandler<\/code>: Handles right-click context menu display.<\/li><li><code>sortHandler<\/code>: Sorts expenses based on the selected sorting option.<\/li><\/ul><\/li><li><p><strong>Effect:<\/strong><\/p><ul><li><code>useEffect<\/code>: Updates the filtered expenses whenever there&#8217;s a change in the <code>expense<\/code> state.<\/li><\/ul><\/li><\/ul><p><strong>Structure:<\/strong><\/p><ul><li>Renders a table with columns for title, category, amount, and a dropdown for category filtering.<\/li><li>Utilizes the <code>ContextMenu<\/code> component for right-click options.<\/li><li>Allows sorting by amount in ascending or descending order.<\/li><\/ul><p><strong>JavaScript Logic:<\/strong><\/p><ul><li>Filters and displays expenses based on the selected category.<\/li><li>Calculates and displays the total amount of filtered expenses.<\/li><li>Handles right-click context menu display for editing or deleting expenses.<\/li><li>Allows sorting of expenses based on the amount.<\/li><\/ul><p><strong>Purpose of Functions:<\/strong><\/p><ul><li><code>filterByCategory<\/code>: Filters expenses based on the selected category.<\/li><li><code>contextHandler<\/code>: Handles the display of the context menu on right-click.<\/li><li><code>sortHandler<\/code>: Sorts expenses based on the selected sorting option.<\/li><\/ul><\/div><\/div><\/div><div class=\"mt-1 flex justify-start gap-3 empty:hidden\">\u00a0<\/div><\/div><\/div><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-029a2d5 elementor-widget elementor-widget-heading\" data-id=\"029a2d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Instructions to run this project :<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-48ea00c elementor-widget elementor-widget-text-editor\" data-id=\"48ea00c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-58a4b5e elementor-widget elementor-widget-heading\" data-id=\"58a4b5e\" data-element_type=\"widget\" data-widget_type=\"heading.default\"><div class=\"elementor-widget-container\"><p class=\"elementor-heading-title elementor-size-default\"><strong>Step 01<span style=\"font-size: 16px\">\u00a0: Download the zip file of source code (given below) and extract it.<\/span><\/strong><\/p><\/div><\/div><div class=\"elementor-element elementor-element-3fc180d elementor-widget elementor-widget-text-editor\" data-id=\"3fc180d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\"><div class=\"elementor-widget-container\"><p><strong>Step 02\u00a0:\u00a0Navigate to the Project Directory:<\/strong><\/p><ul><li>Once the repository is cloned, navigate into the project directory using the\u00a0<code>cd<\/code>\u00a0command:\u00a0<strong>cd &lt;project_directory&gt;<\/strong><\/li><li>Replace\u00a0<code>&lt;project_directory&gt;<\/code>\u00a0with the name of the directory where the project was cloned.<\/li><\/ul><p><strong>Step 03 : Install Dependencies:<\/strong><\/p><ul><li>Inside the project directory, run the following command to install project dependencies using Yarn :\u00a0<strong>yarn install<\/strong><\/li><li>This command will read the\u00a0<code>package.json<\/code>\u00a0file and install all required dependencies listed in it.<\/li><\/ul><p><strong>Step 04 : Run the Project:<\/strong><\/p><ul><li>After installing dependencies, you can start the development server using the following command:\u00a0<strong>yarn start<\/strong><\/li><li>This command will start the development server and automatically open the project in your default web browser.<\/li><li>Once the development server is up and running, you can access the project by opening your web browser and navigating to the specified address\u00a0<strong>(usually\u00a0<code>http:\/\/localhost:3000<\/code>).<\/strong><\/li><li>You can now explore the e-commerce app, navigate through different pages, interact with components, and experience the functionality firsthand.<\/li><\/ul><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-897833d elementor-widget elementor-widget-template\" data-id=\"897833d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"container\" data-elementor-id=\"4684\" class=\"elementor elementor-4684\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b180bea e-con-full e-flex e-con e-child\" data-id=\"b180bea\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-217d52c elementor-widget elementor-widget-text-editor\" data-id=\"217d52c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3 style=\"text-align: center;\"><span style=\"color: #0000ff;\">Get Discount on Top Educational Courses<\/span><\/h3><table><thead><tr><th>Brand Name<\/th><th>Discount Information<\/th><th>Coupon Codes Link<\/th><\/tr><\/thead><tbody><tr><td>Educative.io<\/td><td>20% discount on Educative courses and plans<\/td><td><a href=\"https:\/\/codewithcurious.com\/educative-coupon-code\/\" target=\"_blank\" rel=\"noopener\"><button>Get Coupon<\/button><\/a><\/td><\/tr><tr><td>W3Schools<\/td><td>20% discount on W3Schools courses<\/td><td><a href=\"https:\/\/codewithcurious.com\/w3school-discount-code\/\" target=\"_blank\" rel=\"noopener\"><button>Get Coupon<\/button><\/a><\/td><\/tr><tr><td>KodeKloud<\/td><td>10% discount on KodeKloud courses and plans<\/td><td><a href=\"https:\/\/codewithcurious.com\/kodekloud-coupon-code\/\" target=\"_blank\" rel=\"noopener\"><button>Get Coupon<\/button><\/a><\/td><\/tr><tr><td>GeeksforGeeks<\/td><td>30% discount on GeeksforGeeks courses<\/td><td><a href=\"https:\/\/codewithcurious.com\/geeksforgeeks-coupons-code\/\" target=\"_blank\" rel=\"noopener\"><button>Get Coupon<\/button><\/a><\/td><\/tr><tr><td>Target Test Prep<\/td><td>20% discount on Target Test Prep<\/td><td><a href=\"https:\/\/codewithcurious.com\/target-test-prep-discount-code\/\" target=\"_blank\" rel=\"noopener\"><button>Get Coupon<\/button><\/a><\/td><\/tr><tr><td>Coding Ninjas<\/td><td>\u20b95000 discount on Coding Ninjas courses<\/td><td><a href=\"https:\/\/codewithcurious.com\/blogs\/codingninjas-coupon-codes\/\" target=\"_blank\" rel=\"noopener\"><button>Get Coupon<\/button><\/a><\/td><\/tr><tr><td>Skillshare<\/td><td>40% discount on Skillshare<\/td><td><a href=\"https:\/\/codewithcurious.com\/skillshare-coupon-code\/\" target=\"_blank\" rel=\"noopener\"><button>Get Coupon<\/button><\/a><\/td><\/tr><tr><td>DataCamp<\/td><td>50% discount on DataCamp<\/td><td><a href=\"https:\/\/codewithcurious.com\/datacamp-coupon-codes\/\" target=\"_blank\" rel=\"noopener\"><button>Get Coupon<\/button><\/a><\/td><\/tr><tr><td>365 Data Science<\/td><td>57% discount on 365 Data Science Plans<\/td><td><a href=\"https:\/\/codewithcurious.com\/365-data-science-coupon-code\/\" target=\"_blank\" rel=\"noopener\"><button>Get Coupon<\/button><\/a><\/td><\/tr><tr><td>Get Smarter<\/td><td>Flat 20% discount on Get Smarter courses<\/td><td><a href=\"https:\/\/codewithcurious.com\/getsmarter-promo-code\/\" target=\"_blank\" rel=\"noopener\"><button>Get Coupon<\/button><\/a><\/td><\/tr><tr><td>SmartKeeda<\/td><td>Flat 40% discount on SmartKeeda courses<\/td><td><a href=\"https:\/\/codewithcurious.com\/smartkeeda-coupon-codes\/\" target=\"_blank\" rel=\"noopener\"><button>Get Coupon<\/button><\/a><\/td><\/tr><tr><td>StackSocial<\/td><td>20% discount on StackSocial courses<\/td><td><a href=\"https:\/\/codewithcurious.com\/stacksocial-coupon-code\/\" target=\"_blank\" rel=\"noopener\"><button>Get Coupon<\/button><\/a><\/td><\/tr><\/tbody><\/table>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0137ceb elementor-widget elementor-widget-heading\" data-id=\"0137ceb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Source Code :<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-18ef789 elementor-widget elementor-widget-html\" data-id=\"18ef789\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n    \/* Styles for the container *\/\n    .download-container {\n        font-family: Arial, sans-serif;\n        text-align: center; \/* Center the content horizontally *\/\n    }\n\n    .timer-container {\n        font-size: 24px;\n    }\n\n    .red-circle {\n        display: inline-block;\n        width: 40px;\n        height: 40px;\n        border: 2px solid red;\n        border-radius: 50%;\n        text-align: center;\n        line-height: 36px;\n        color: red;\n        font-weight: bold;\n    }\n\n    .start-button {\n        padding: 10px 20px;\n        font-size: 18px;\n        background-color: #4CAF50;\n        color: white;\n        border: none;\n        cursor: pointer;\n        margin-bottom: 20px;\n    }\n\n    .start-button:hover {\n        background-color: #45a049;\n    }\n\n    .downloading-message {\n        font-size: 18px;\n        margin-top: 20px;\n        display: none;\n    }\n<\/style>\n\n<div class=\"download-container\">\n    <button class=\"start-button\">Download Complete Source Code Folder<\/button>\n    <div class=\"timer-container\"><\/div>\n    <div class=\"downloading-message\">Your download is starting now...<\/div>\n<\/div>\n\n<script>\n    const startButton = document.querySelector('.start-button');\n    const timerContainer = document.querySelector('.timer-container');\n    const downloadingMessage = document.querySelector('.downloading-message');\n    let timer, countdown, isPaused = false;\n\n    startButton.addEventListener('click', function () {\n        \/\/ Open the new webpage with \"dofollow\" when the button is clicked\n        window.open('https:\/\/codewithcurious.com\/stacksocial-coupon-code\/', '_blank', 'noopener,noreferrer'); \/\/ Replace with desired URL\n\n        countdown = 25; \/\/ Set countdown to 100 seconds\n        startButton.style.display = 'none'; \/\/ Hide the button when clicked\n        timerContainer.innerHTML = `Your download will begin in <span class=\"red-circle\">${countdown}<\/span> seconds.`;\n\n        startTimer(); \/\/ Start the countdown\n\n        \/\/ Listen for tab visibility change\n        document.addEventListener('visibilitychange', handleVisibilityChange);\n    });\n\n    function startTimer() {\n        timer = setInterval(function () {\n            if (!isPaused && countdown > 0) {\n                countdown--;\n                timerContainer.innerHTML = `Your download will begin in <span class=\"red-circle\">${countdown}<\/span> seconds.`;\n\n                if (countdown === 0) {\n                    clearInterval(timer);\n                    timerContainer.innerHTML = ''; \/\/ Clear the timer message\n                    downloadingMessage.style.display = 'block'; \/\/ Show the downloading message\n\n                    \/\/ Open the download link with \"nofollow\" after the timer ends\n                    window.open('https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/03\/Track-Expense-main.zip', '_blank', 'nofollow'); \n                    \n                    \/\/ Show the button again after redirection\n                    setTimeout(function() {\n                        startButton.style.display = 'inline-block'; \/\/ Show the button again\n                        downloadingMessage.style.display = 'none';  \/\/ Hide the downloading message\n                    }, 2000); \/\/ Delay of 2 seconds before showing the button again\n                }\n            }\n        }, 1000); \/\/ Decrease by 1 every second\n    }\n\n    function handleVisibilityChange() {\n        if (document.hidden) {\n            clearInterval(timer); \/\/ Pause the timer if the tab is hidden\n            isPaused = true;\n        } else {\n            isPaused = false; \/\/ Resume the timer when the tab becomes visible\n            startTimer(); \/\/ Start the timer again\n        }\n    }\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e0449ed elementor-widget elementor-widget-heading\" data-id=\"e0449ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Output :<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4efcbac elementor-widget elementor-widget-image\" data-id=\"4efcbac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"489\" src=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/03\/op-1-1024x489.png\" class=\"attachment-large size-large wp-image-13485\" alt=\"Output\" srcset=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/03\/op-1-1024x489.png.webp 1024w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/03\/op-1-300x143.png.webp 300w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/03\/op-1-768x367.png.webp 768w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/03\/op-1-1536x734.png.webp 1536w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/03\/op-1-600x287.png.webp 600w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/03\/op-1.png.webp 1918w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-151967c e-con-full e-flex e-con e-child\" data-id=\"151967c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ece0a9f elementor-widget elementor-widget-template\" data-id=\"ece0a9f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"container\" data-elementor-id=\"6006\" class=\"elementor elementor-6006\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3c78b1 e-flex e-con-boxed e-con e-parent\" data-id=\"d3c78b1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85883f1 elementor-widget elementor-widget-heading\" data-id=\"85883f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Find More Projects<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9629c50 premium-blog-align-left elementor-widget elementor-widget-premium-addon-blog\" data-id=\"9629c50\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;force_height&quot;:&quot;true&quot;,&quot;premium_blog_grid&quot;:&quot;yes&quot;,&quot;premium_blog_layout&quot;:&quot;even&quot;,&quot;premium_blog_columns_number&quot;:&quot;50%&quot;,&quot;premium_blog_columns_number_tablet&quot;:&quot;50%&quot;,&quot;premium_blog_columns_number_mobile&quot;:&quot;100%&quot;,&quot;scroll_to_offset&quot;:&quot;yes&quot;}\" data-widget_type=\"premium-addon-blog.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\n\n\t\t\t\t<div class=\"premium-blog-wrap  premium-blog-even\" data-page=\"6006\" data-pagination=\"true\">\n\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"59\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-thumb-effect-wrapper\">\n\t\t\t\t\t\t<div class=\"premium-blog-thumbnail-container premium-blog-none-effect\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/url-shortener-using-python-django\/\" target=\"_blank\">\n\t\t\t\t<img decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0005-768x432.jpg\" class=\"attachment-medium_large size-medium_large wp-image-26532\" alt=\"URL Shortener Using Python Django\" srcset=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0005-768x432.jpg 768w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0005-300x169.jpg 300w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0005-1024x576.jpg 1024w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0005-600x338.jpg 600w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0005.jpg 1280w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-effect-container premium-blog-none-effect\">\n\t\t\t\t\t\t\t\t<a class=\"premium-blog-post-link\" href=\"https:\/\/codewithcurious.com\/projects\/url-shortener-using-python-django\/\" target=\"_blank\"><span>URL Shortener Using Python Django<\/span><\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper \">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/url-shortener-using-python-django\/\" target=\"_blank\">\n\t\t\t\tURL Shortener Using Python Django\t\t\t<\/a>\n\t\t<\/h2>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\t\t\t\t<div class=\"premium-blog-post-author premium-blog-meta-data\">\n\t\t\t\t\t<i class=\"fa fa-user fa-fw\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/author\/gauravsharma\/\" title=\"Posts by Gaurav Sharma\" rel=\"author\">Gaurav Sharma<\/a>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t<span class=\"premium-blog-meta-separator\">\u2022<\/span>\n\t\t\t\t<div class=\"premium-blog-post-time premium-blog-meta-data\">\n\t\t\t\t\t<i class=\"fa fa-calendar-alt\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<span>September 23, 2025<\/span>\n\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t<span class=\"premium-blog-meta-separator\">\u2022<\/span>\n\t\t\t\t<div class=\"premium-blog-post-categories premium-blog-meta-data\">\n\t\t\t\t\t<i class=\"fa fa-align-left fa-fw\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/\" rel=\"category tag\">projects<\/a>, <a href=\"https:\/\/codewithcurious.com\/python-projects\/\" rel=\"category tag\">Python Projects<\/a>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"premium-blog-content-inner-wrapper\">\n\t\t<p class=\"premium-blog-post-content\">URL Shortener Using Python Django Introduction: Long URLs can be shortened into short, shareable links with the help of the URL Shortener \u2026<\/p>\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"59\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-thumb-effect-wrapper\">\n\t\t\t\t\t\t<div class=\"premium-blog-thumbnail-container premium-blog-none-effect\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/user-authentication-system-using-python-django\/\" target=\"_blank\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0003-768x432.jpg\" class=\"attachment-medium_large size-medium_large wp-image-26545\" alt=\"User Authentication System Using Python Django\" srcset=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0003-768x432.jpg 768w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0003-300x169.jpg 300w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0003-1024x576.jpg 1024w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0003-600x338.jpg 600w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0003.jpg 1280w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-effect-container premium-blog-none-effect\">\n\t\t\t\t\t\t\t\t<a class=\"premium-blog-post-link\" href=\"https:\/\/codewithcurious.com\/projects\/user-authentication-system-using-python-django\/\" target=\"_blank\"><span>User Authentication System Using Python Django<\/span><\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper \">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/user-authentication-system-using-python-django\/\" target=\"_blank\">\n\t\t\t\tUser Authentication System Using Python Django\t\t\t<\/a>\n\t\t<\/h2>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\t\t\t\t<div class=\"premium-blog-post-author premium-blog-meta-data\">\n\t\t\t\t\t<i class=\"fa fa-user fa-fw\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/author\/gauravsharma\/\" title=\"Posts by Gaurav Sharma\" rel=\"author\">Gaurav Sharma<\/a>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t<span class=\"premium-blog-meta-separator\">\u2022<\/span>\n\t\t\t\t<div class=\"premium-blog-post-time premium-blog-meta-data\">\n\t\t\t\t\t<i class=\"fa fa-calendar-alt\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<span>September 18, 2025<\/span>\n\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t<span class=\"premium-blog-meta-separator\">\u2022<\/span>\n\t\t\t\t<div class=\"premium-blog-post-categories premium-blog-meta-data\">\n\t\t\t\t\t<i class=\"fa fa-align-left fa-fw\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/\" rel=\"category tag\">projects<\/a>, <a href=\"https:\/\/codewithcurious.com\/python-projects\/\" rel=\"category tag\">Python Projects<\/a>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"premium-blog-content-inner-wrapper\">\n\t\t<p class=\"premium-blog-post-content\">User Authentication System Using Python Django Introduction: The implementation of safe and adaptable user authentication in Django is the main goal of \u2026<\/p>\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"59\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-thumb-effect-wrapper\">\n\t\t\t\t\t\t<div class=\"premium-blog-thumbnail-container premium-blog-none-effect\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/e-learning-system-using-java\/\" target=\"_blank\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/05\/Handwritten-Notes-3-1-768x432.png\" class=\"attachment-medium_large size-medium_large wp-image-24861\" alt=\"E-Learning System Using JAVA\" srcset=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/05\/Handwritten-Notes-3-1-768x432.png 768w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/05\/Handwritten-Notes-3-1-300x169.png 300w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/05\/Handwritten-Notes-3-1-1024x576.png 1024w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/05\/Handwritten-Notes-3-1-600x338.png 600w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/05\/Handwritten-Notes-3-1.png 1280w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-effect-container premium-blog-none-effect\">\n\t\t\t\t\t\t\t\t<a class=\"premium-blog-post-link\" href=\"https:\/\/codewithcurious.com\/projects\/e-learning-system-using-java\/\" target=\"_blank\"><span>E-Learning System Using JAVA<\/span><\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper \">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/e-learning-system-using-java\/\" target=\"_blank\">\n\t\t\t\tE-Learning System Using JAVA\t\t\t<\/a>\n\t\t<\/h2>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\t\t\t\t<div class=\"premium-blog-post-author premium-blog-meta-data\">\n\t\t\t\t\t<i class=\"fa fa-user fa-fw\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/author\/madhvika\/\" title=\"Posts by Madhvika\" rel=\"author\">Madhvika<\/a>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t<span class=\"premium-blog-meta-separator\">\u2022<\/span>\n\t\t\t\t<div class=\"premium-blog-post-time premium-blog-meta-data\">\n\t\t\t\t\t<i class=\"fa fa-calendar-alt\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<span>September 17, 2025<\/span>\n\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t<span class=\"premium-blog-meta-separator\">\u2022<\/span>\n\t\t\t\t<div class=\"premium-blog-post-categories premium-blog-meta-data\">\n\t\t\t\t\t<i class=\"fa fa-align-left fa-fw\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/java\/\" rel=\"category tag\">Java Projects<\/a>, <a href=\"https:\/\/codewithcurious.com\/projects\/\" rel=\"category tag\">projects<\/a>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"premium-blog-content-inner-wrapper\">\n\t\t<p class=\"premium-blog-post-content\">The E-Learning System using Java with a Graphical User Interface (GUI) Introduction The E-Learning System is developed using Java (with a Graphical \u2026<\/p>\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"59\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-thumb-effect-wrapper\">\n\t\t\t\t\t\t<div class=\"premium-blog-thumbnail-container premium-blog-none-effect\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/weather-app-using-python-django\/\" target=\"_blank\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0006-768x432.jpg\" class=\"attachment-medium_large size-medium_large wp-image-26533\" alt=\"Weather App Using Python Django\" srcset=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0006-768x432.jpg 768w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0006-300x169.jpg 300w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0006-1024x576.jpg 1024w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0006-600x338.jpg 600w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0006.jpg 1280w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-effect-container premium-blog-none-effect\">\n\t\t\t\t\t\t\t\t<a class=\"premium-blog-post-link\" href=\"https:\/\/codewithcurious.com\/projects\/weather-app-using-python-django\/\" target=\"_blank\"><span>Weather App Using Python Django with Source Code<\/span><\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper \">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/weather-app-using-python-django\/\" target=\"_blank\">\n\t\t\t\tWeather App Using Python Django with Source Code\t\t\t<\/a>\n\t\t<\/h2>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\t\t\t\t<div class=\"premium-blog-post-author premium-blog-meta-data\">\n\t\t\t\t\t<i class=\"fa fa-user fa-fw\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/author\/gauravsharma\/\" title=\"Posts by Gaurav Sharma\" rel=\"author\">Gaurav Sharma<\/a>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t<span class=\"premium-blog-meta-separator\">\u2022<\/span>\n\t\t\t\t<div class=\"premium-blog-post-time premium-blog-meta-data\">\n\t\t\t\t\t<i class=\"fa fa-calendar-alt\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<span>August 25, 2025<\/span>\n\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t<span class=\"premium-blog-meta-separator\">\u2022<\/span>\n\t\t\t\t<div class=\"premium-blog-post-categories premium-blog-meta-data\">\n\t\t\t\t\t<i class=\"fa fa-align-left fa-fw\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/\" rel=\"category tag\">projects<\/a>, <a href=\"https:\/\/codewithcurious.com\/python-projects\/\" rel=\"category tag\">Python Projects<\/a>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"premium-blog-content-inner-wrapper\">\n\t\t<p class=\"premium-blog-post-content\">Weather App Using Python Django Introduction: When a user enters the name of a city, the Weather App retrieves current weather information. \u2026<\/p>\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"59\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-thumb-effect-wrapper\">\n\t\t\t\t\t\t<div class=\"premium-blog-thumbnail-container premium-blog-none-effect\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/quiz-app-using-python-django\/\" target=\"_blank\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0009-768x432.jpg\" class=\"attachment-medium_large size-medium_large wp-image-26536\" alt=\"Quiz App Using Python Django\" srcset=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0009-768x432.jpg 768w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0009-300x169.jpg 300w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0009-1024x576.jpg 1024w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0009-600x338.jpg 600w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0009.jpg 1280w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-effect-container premium-blog-none-effect\">\n\t\t\t\t\t\t\t\t<a class=\"premium-blog-post-link\" href=\"https:\/\/codewithcurious.com\/projects\/quiz-app-using-python-django\/\" target=\"_blank\"><span>Quiz App Using Python Django with complete source code<\/span><\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper \">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/quiz-app-using-python-django\/\" target=\"_blank\">\n\t\t\t\tQuiz App Using Python Django with complete source code\t\t\t<\/a>\n\t\t<\/h2>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\t\t\t\t<div class=\"premium-blog-post-author premium-blog-meta-data\">\n\t\t\t\t\t<i class=\"fa fa-user fa-fw\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/author\/gauravsharma\/\" title=\"Posts by Gaurav Sharma\" rel=\"author\">Gaurav Sharma<\/a>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t<span class=\"premium-blog-meta-separator\">\u2022<\/span>\n\t\t\t\t<div class=\"premium-blog-post-time premium-blog-meta-data\">\n\t\t\t\t\t<i class=\"fa fa-calendar-alt\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<span>August 24, 2025<\/span>\n\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t<span class=\"premium-blog-meta-separator\">\u2022<\/span>\n\t\t\t\t<div class=\"premium-blog-post-categories premium-blog-meta-data\">\n\t\t\t\t\t<i class=\"fa fa-align-left fa-fw\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/\" rel=\"category tag\">projects<\/a>, <a href=\"https:\/\/codewithcurious.com\/python-projects\/\" rel=\"category tag\">Python Projects<\/a>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"premium-blog-content-inner-wrapper\">\n\t\t<p class=\"premium-blog-post-content\">Quiz App Using Python Django Introduction: Users can take quizzes in a variety of subjects, see their results, and monitor their progress \u2026<\/p>\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"59\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-thumb-effect-wrapper\">\n\t\t\t\t\t\t<div class=\"premium-blog-thumbnail-container premium-blog-none-effect\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/resume-screener-in-python\/\" target=\"_blank\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/06\/Handwritten-Notes-5-1-768x432.png\" class=\"attachment-medium_large size-medium_large wp-image-25778\" alt=\"\" srcset=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/06\/Handwritten-Notes-5-1-768x432.png 768w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/06\/Handwritten-Notes-5-1-300x169.png 300w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/06\/Handwritten-Notes-5-1-1024x576.png 1024w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/06\/Handwritten-Notes-5-1-600x338.png 600w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/06\/Handwritten-Notes-5-1.png 1280w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-effect-container premium-blog-none-effect\">\n\t\t\t\t\t\t\t\t<a class=\"premium-blog-post-link\" href=\"https:\/\/codewithcurious.com\/projects\/resume-screener-in-python\/\" target=\"_blank\"><span>Resume Screener in python using GUI<\/span><\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper \">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/resume-screener-in-python\/\" target=\"_blank\">\n\t\t\t\tResume Screener in python using GUI\t\t\t<\/a>\n\t\t<\/h2>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\t\t\t\t<div class=\"premium-blog-post-author premium-blog-meta-data\">\n\t\t\t\t\t<i class=\"fa fa-user fa-fw\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/author\/shivakshi\/\" title=\"Posts by Shivakshi Chouhan\" rel=\"author\">Shivakshi Chouhan<\/a>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t<span class=\"premium-blog-meta-separator\">\u2022<\/span>\n\t\t\t\t<div class=\"premium-blog-post-time premium-blog-meta-data\">\n\t\t\t\t\t<i class=\"fa fa-calendar-alt\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<span>July 18, 2025<\/span>\n\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t<span class=\"premium-blog-meta-separator\">\u2022<\/span>\n\t\t\t\t<div class=\"premium-blog-post-categories premium-blog-meta-data\">\n\t\t\t\t\t<i class=\"fa fa-align-left fa-fw\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/\" rel=\"category tag\">projects<\/a>, <a href=\"https:\/\/codewithcurious.com\/python-projects\/\" rel=\"category tag\">Python Projects<\/a>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"premium-blog-content-inner-wrapper\">\n\t\t<p class=\"premium-blog-post-content\">resume screener in python using python introduction The hiring process often begins with reviewing numerous resumes to filter out the most suitable \u2026<\/p>\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"premium-blog-footer\">\n\t\t\t\t\t\t\t<nav class=\"premium-blog-pagination-container\" role=\"navigation\" aria-label=\"Pagination\">\n\t\t\t\t<span aria-current=\"page\" class=\"page-numbers current\">1<\/span>\n<a class=\"page-numbers\" href=\"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/posts\/13478\/page\/2\/\">2<\/a>\n<a class=\"page-numbers\" href=\"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/posts\/13478\/page\/3\/\">3<\/a>\n<span class=\"page-numbers dots\">&hellip;<\/span>\n<a class=\"page-numbers\" href=\"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/posts\/13478\/page\/5\/\">5<\/a>\n<a class=\"next page-numbers\" href=\"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/posts\/13478\/page\/2\/\">Next \u00bb<\/a>\t\t\t<\/nav>\n\t\t\t\t\t\t<\/div>\n\t\t\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0d5e1e1 e-con-full e-flex e-con e-child\" data-id=\"0d5e1e1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3246d60 elementor-widget elementor-widget-shortcode\" data-id=\"3246d60\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t\t<div data-elementor-type=\"page\" data-elementor-id=\"10174\" class=\"elementor elementor-10174\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-575f8e7 e-flex e-con-boxed e-con e-parent\" data-id=\"575f8e7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3417a28 e-flex e-con-boxed e-con e-child\" data-id=\"3417a28\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e8fa171 elementor-widget elementor-widget-heading\" data-id=\"e8fa171\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">More HTML CSS JS Projects<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ed0dbdf elementor-widget elementor-widget-image\" data-id=\"ed0dbdf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.awin1.com\/cread.php?awinmid=92143&#038;awinaffid=1916671\" target=\"_blank\" rel=\"nofollow noopener\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2023\/08\/1-1-1024x538.png\" class=\"attachment-large size-large wp-image-26812\" alt=\"target test prep promo code\" srcset=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2023\/08\/1-1-1024x538.png 1024w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2023\/08\/1-1-300x158.png 300w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2023\/08\/1-1-768x403.png 768w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2023\/08\/1-1.png 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-44bc3b3 premium-blog-align-left elementor-widget elementor-widget-premium-addon-blog\" data-id=\"44bc3b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"premium-addon-blog.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\n\n\t\t\t\t<div class=\"premium-blog-wrap  premium-blog-list\" data-page=\"10174\">\n\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/10-responsive-navigation-menus-using-html-css-js\/\" target=\"_blank\">\n\t\t\t\t10 Responsive Navigation Menus using HTML CSS JS\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/10-ecommerce-pages-using-html-css-js\/\" target=\"_blank\">\n\t\t\t\t10+ eCommerce Pages using HTML, CSS &amp; JS\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/10-login-signup-forms-using-html-css-js-modern-stylish\/\" target=\"_blank\">\n\t\t\t\t10+ Login &amp; Signup Forms using HTML CSS JS (Modern + Stylish)\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/10-free-cryptocurrency-bitcoin-website-using-html-css-javascript-php\/\" target=\"_blank\">\n\t\t\t\t10+ Free Cryptocurrency &amp; Bitcoin Website Using HTML, CSS, JavaScript &amp; PHP\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/pet-food-shop-website-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tPet Food Shop Website Using Html CSS and JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/educational-website-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tEducational Website using html CSS and JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/how-to-create-a-video-background-with-html-css-javascript\/\" target=\"_blank\">\n\t\t\t\thow to create a video background with html CSS JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/auto-text-effect-animation-using-html-css-javascript\/\" target=\"_blank\">\n\t\t\t\tAuto Text Effect Animation Using Html CSS &amp; JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/animated-search-bar-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tAnimated Search Bar using Html CSS And JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/best-quiz-game-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tBest Quiz Game Using HTML CSS And JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/tower-blocks-game-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tTower Blocks Game Using HTML CSS And JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/tilting-maze-game-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tTilting Maze Game Using HTML CSS And JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/tetris-game-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tTetris Game Using HTML CSS And JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/catch-the-insect-game-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tCatch The Insect Game Using HTML CSS And JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/electronics-store-website-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\telectronics Store website using html CSS and JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/digital-marketing-agency-website-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tDigital Marketing Agency website Using HTML, CSS and JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/fruit-slicer-game-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tFruit Slicer Game Using HTML CSS And JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/event-organizers-website-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tEvent Organizers Website Using Html Css And JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/shape-clicker-game-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tShape Clicker Game Using HTML CSS And JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/responsive-college-website-using-html-css-javascript\/\" target=\"_blank\">\n\t\t\t\tresponsive College Website Using Html CSS &amp; JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/whack-a-mole-game-with-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tWhack a Mole Game with HTML CSS\u00a0And JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/3d-car-driving-game-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\t3D Car Driving Game Using Html CSS And JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/dice-rolling-game-using-html-css-and-javascript-2\/\" target=\"_blank\">\n\t\t\t\tDice Rolling Game Using HTML CSS And JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/crossey-road-game-clone-using-html-css-and-javascript-2\/\" target=\"_blank\">\n\t\t\t\tCrossey Road Game Clone Using HTML CSS And JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/memory-card-game-using-html-css-and-javascript-2\/\" target=\"_blank\">\n\t\t\t\tMemory Card Game Using HTML CSS And JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/sudoku-game-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tsudoku game using html CSS and JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/video-call-website-using-html-css-and-javascript-source-code\/\" target=\"_blank\">\n\t\t\t\tVideo Call Website Using HTML, CSS, and JavaScript (Source Code)\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/promise-day-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tpromise day using html CSS and JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/age-calculator-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tAge Calculator Using HTML, CSS, and JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/loan-calculator-using-html-css-and-javascript-with-source-code\/\" target=\"_blank\">\n\t\t\t\tLoan Calculator Using HTML, CSS, and JavaScript With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/clone-website-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tClone Website using HTML, CSS, and JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/travel-booking-app-ui-clone-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tTravel Booking App UI Clone Using HTML, CSS, and JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/custom-music-player-with-playlist-using-javascript\/\" target=\"_blank\">\n\t\t\t\tCustom Music Player with Playlist Using JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/country-guide-app-using-html-css-javascript\/\" target=\"_blank\">\n\t\t\t\tCountry Guide App using HTML, CSS &amp; JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/gym-website-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tGym Website Using HTML, CSS, and JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/jarvis-chatbot-using-html-css-javascript\/\" target=\"_blank\">\n\t\t\t\tJarvis Chatbot Using HTML CSS &amp; javaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/movie-website-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tmovie Website using HTML, CSS, and JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/digital-clock-with-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tDigital Clock with HTML, CSS, and JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/calendar-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tCalendar Using HTML, CSS, and JavaScript (Source Code)\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/funny-login-page-using-html-css-javascript\/\" target=\"_blank\">\n\t\t\t\tfunny login page using html css javascript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/create-26th-january-republic-day-with-html-css-javascript\/\" target=\"_blank\">\n\t\t\t\tCreate 26th January Republic Day with HTML, CSS, JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/number-guessing-game-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tNumber Guessing Game Using HTML CSS And JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/emoji-catcher-game-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tEmoji Catcher Game Using HTML CSS and JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/typing-challenge-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tTyping Challenge Using HTML CSS and JavaScript with complete source code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/breakout-game-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tBreakout Game Using HTML CSS and JavaScript With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/digital-and-analog-clock-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tDigital and Analog Clock using HTML CSS and JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/coffee-shop-website-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tCoffee Shop Website using HTML CSS and JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/architectural-website-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tArchitectural Website using HTML CSS and JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/interior-design-website-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tInterior Design Website using HTML CSS and JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/candy-crush-game-using-html-css-javascript\/\" target=\"_blank\">\n\t\t\t\tCandy Crush Game Using HTML CSS JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/archery-game-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tArchery Game Using HTML CSS and JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/instagram-clone-using-html-css-js\/\" target=\"_blank\">\n\t\t\t\tInstagram Clone Using HTML CSS Js\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/google-home-page-clone-html-css\/\" target=\"_blank\">\n\t\t\t\tGoogle Homepage Clone Using HTML and CSS With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/youtube-clone-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tYouTube Clone Using HTML, CSS and JavaScript With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/whatsapp-web-clone-using-html-css-js\/\" target=\"_blank\">\n\t\t\t\tWhatsApp Web UI Clone using HTML &amp; CSS With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/web-developement\/real-time-chat-app-reactjs\/\" target=\"_blank\">\n\t\t\t\tReal Time Chat App Using HTML, CSS, JavaScript and ReactJs With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/web-developement\/admin-dashboard-using-html-css-javascript-and-reactjs\/\" target=\"_blank\">\n\t\t\t\tAdmin Dashboard Using HTML, CSS, JavaScript and ReactJs With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/web-developement\/crypto-tracker-using-reactjs\/\" target=\"_blank\">\n\t\t\t\tCrypto Currency Tracker Using HTML, CSS, JavaScript and ReactJs With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/web-developement\/facebook-messenger-using-reac\/\" target=\"_blank\">\n\t\t\t\tFacebook Messenger Using HTML, CSS, JavaScript and ReactJs With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/web-developement\/exercise-app-using-reactjs\/\" target=\"_blank\">\n\t\t\t\tExercise App using HTML, CSS, JavaScript and ReactJs With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/web-developement\/spotify-clone-using-reactjs\/\" target=\"_blank\">\n\t\t\t\tSpotify Clone Using HTML, CSS, JavaScript and ReactJs With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/web-developement\/figma-clone-using-reactjs\/\" target=\"_blank\">\n\t\t\t\tFigma Clone Using HTML, CSS, JavaScript and ReactJs With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/web-developement\/youtube-clone-using-reactjs\/\" target=\"_blank\">\n\t\t\t\tYouTube Clone Using HTML, CSS, JavaScript and ReactJs With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/chat-application-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tChat Application Using HTML , CSS And Javascript With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/travel-planner-website-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tTravel Planner Website Using HTML , CSS And JavaScript With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/dictionary-app-using-reactjs\/\" target=\"_blank\">\n\t\t\t\tDictionary App using HTML, CSS, JavaScript &amp; ReactJs With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/weather-app-using-reactjs-with-code\/\" target=\"_blank\">\n\t\t\t\tWeather App using HTML CSS, JavaScript &amp; React Js With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/invoice-generator-using-reactjs\/\" target=\"_blank\">\n\t\t\t\tInvoice\/Bill Generator App using HTML CSS, JavaScript &amp; React Js With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/news-app-html-css-js-react-framework\/\" target=\"_blank\">\n\t\t\t\tNews App using HTML, CSS, JavaScript &amp; ReactJs With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/rock-paper-scissor-game-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tRock Paper Scissor Game Using HTML , CSS And JavaScript With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/color-guessing-game-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tColor Guessing Game using HTML , CSS And Javascript With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/fanta-landing-page-using-html-css-and-js\/\" target=\"_blank\">\n\t\t\t\tFanta Landing Page Using HTML CSS And JS With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/youtube-thumbnail-downloader-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tYouTube Thumbnail Downloader Using HTML , CSS And JavaScript With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/amezing-love-puzzle-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tAmazing Love Puzzle Using HTML , CSS And Javascript With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/wrod-counter-website-using-html-css-javascript\/\" target=\"_blank\">\n\t\t\t\tWord Counter Website Using HTML , CSS And JavaScript With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/responsive-restaurant-website-using-html-css-javascript\/\" target=\"_blank\">\n\t\t\t\tResponsive Restaurant Website Using HTML , CSS &amp; JavaScript With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/student-registration-dashboard-using-html-css-javascript\/\" target=\"_blank\">\n\t\t\t\tStudent Registration Dashboard Using  HTML CSS And JavaScript With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/finance-website-using-html-css-javascript\/\" target=\"_blank\">\n\t\t\t\tFinance Website Using HTML , CSS &amp; Javascript With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/snake-game-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tSnake Game Using HTML , CSS And Javascript With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/responsive-music-player-using-html-css-js\/\" target=\"_blank\">\n\t\t\t\tResponsive Music Player Using HTML , CSS &amp; JS With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b0843a9 elementor-widget elementor-widget-heading\" data-id=\"b0843a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Get Huge Discounts<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3c7c27d elementor-widget elementor-widget-image\" data-id=\"3c7c27d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/educative-coupon-code\/\" target=\"_blank\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/03\/2-1024x1024.png\" class=\"attachment-large size-large wp-image-13772\" alt=\"educative coupon code\" srcset=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/03\/2-1024x1024.png 1024w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/03\/2-300x300.png 300w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/03\/2-150x150.png 150w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/03\/2-768x768.png 768w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/03\/2-600x600.png 600w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/03\/2.png 1080w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c75f778 e-con-full e-flex e-con e-child\" data-id=\"c75f778\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0197362 elementor-widget elementor-widget-heading\" data-id=\"0197362\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Get Discount on Top EdTech Compnies<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-256e15c elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"256e15c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/skillshare-coupon-code\/\" target=\"_blank\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">45% Discount on SkillShare<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/kodekloud-coupon-code\/\" target=\"_blank\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">10% Discount on KodeKoloud<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/alma-better-coupon-code\/\" target=\"_blank\" rel=\"nofollow\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">30% Discount on AlmaBetter<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/blogs\/codingninjas-coupon-codes\/\" target=\"_blank\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">10% Discount on Coding Ninjas<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/geeksforgeeks-coupons-code\/\" target=\"_blank\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Upto 80% Discount on GeeksforGeeks<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Expense Tracker App using HTML, CSS, JavaScript &amp; React With Source Code Introduction : Expense Tracker is created using React is a comprehensive financial management tool designed to help users track and manage their expenses efficiently. The application employs a modular structure, utilizing React components for distinct functionalities. The AddForm component serves as the gateway [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":19308,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[30,453,329],"tags":[456],"class_list":["post-13478","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-projects","category-react","category-web-developement","tag-expense-tracker-using-react"],"_links":{"self":[{"href":"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/posts\/13478","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/comments?post=13478"}],"version-history":[{"count":30,"href":"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/posts\/13478\/revisions"}],"predecessor-version":[{"id":21404,"href":"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/posts\/13478\/revisions\/21404"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/media\/19308"}],"wp:attachment":[{"href":"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/media?parent=13478"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/categories?post=13478"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/tags?post=13478"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}