{"id":108363,"date":"2025-06-06T23:20:48","date_gmt":"2025-06-06T17:50:48","guid":{"rendered":"https:\/\/www.mygreatlearning.com\/blog\/?page_id=108363"},"modified":"2025-06-06T22:43:15","modified_gmt":"2025-06-06T17:13:15","slug":"web-development-project-ideas","status":"publish","type":"page","link":"https:\/\/www.mygreatlearning.com\/blog\/web-development-project-ideas\/","title":{"rendered":"Web Development Projects"},"content":{"rendered":"\n<div class=\"iqa-container iqa-main-content\">\n\n\n\n<div class=\"iqa-page-title-section\">\n        <p class=\"iqa-page-description\">This page lists web development projects. The projects are divided into two categories: beginner and expert. Beginner projects focus on fundamental concepts, such as DOM manipulation, basic UI design, and API integration. Expert projects tackle advanced challenges, including real-time collaboration, serverless architectures, blockchain, and machine learning integration.<\/p>\n    <\/div>\n\n    <div class=\"iqa-cta-section\">\n        <p class=\"iqa-cta-title\">Ready to Master Web Development?<\/p>\n        <p class=\"iqa-cta-description\">Check out our Web Development Essentials course!<\/p>\n        <a href=\"https:\/\/www.mygreatlearning.com\/academy\/premium\/frontend-web-development-essentials\" class=\"cta-link iqa-cta-button\">Explore Now<\/a>\n    <\/div>\n\n    <div class=\"iqa-filter-section\">\n        <div class=\"iqa-filter-grid\">\n            <div>\n                <label for=\"searchInput\" class=\"iqa-filter-label\">Search Projects<\/label>\n                <div class=\"iqa-filter-input-wrapper\">\n                    <input type=\"text\" id=\"searchInput\" placeholder=\"E.g., 'Mood-Based Music Recommender', 'Image Filter'\" class=\"iqa-filter-input\">\n                    <div class=\"iqa-search-icon\">\n                        <span>\ud83d\udd0d<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div>\n                <label for=\"difficultyFilter\" class=\"iqa-filter-label\">Filter by Difficulty<\/label>\n                <select id=\"difficultyFilter\" class=\"iqa-filter-select\">\n                    <option value=\"all\">All Difficulties<\/option>\n                    <option value=\"beginner\">Beginner<\/option>\n                    <option value=\"expert\">Expert<\/option>\n                <\/select>\n            <\/div>\n            <div>\n                <label for=\"popularityFilter\" class=\"iqa-filter-label\">Filter by Popularity<\/label>\n                <select id=\"popularityFilter\" class=\"iqa-filter-select\">\n                    <option value=\"all\">All Popularities<\/option>\n                    <option value=\"high\">High<\/option>\n                    <option value=\"medium\">Medium<\/option>\n                    <option value=\"low\">Low<\/option>\n                <\/select>\n            <\/div>\n        <\/div>\n    <\/div>\n\n\n\n<div id=\"projectsContainer\" class=\"iqa-projects-container\">\n        <div id=\"noResultsMessage\" class=\"iqa-no-results-message\">\n            <span>\ud83d\ude15<\/span>\n            <p>No projects found. Try adjusting your search or filters.<\/p>\n        <\/div>\n\n        <div class=\"iqa-project-item iqa-project-card\" data-difficulty=\"expert\" data-popularity=\"medium\">\n            <div class=\"iqa-project-header cursor-pointer\">\n                <h3 class=\"iqa-project-title\" class=\"iqa-project-title\" id=\"mood-based-music-recommender\">Mood-Based Music Recommender<\/h3>\n                <button class=\"iqa-toggle-details-btn\">\u25bc<\/button>\n            <\/div>\n            <div class=\"iqa-details text-gray-600\">\n                <p><strong>Project Details:<\/strong> A web application that suggests music based on the user's current mood. It integrates Google Cloud API for mood analysis and Spotify API for music recommendations and playback, with animated UI elements for a seamless experience.<\/p>\n                <p><strong>Features:<\/strong><\/p>\n                <ul>\n                    <li>Mood-based music recommendations<\/li>\n                    <li>Spotify integration for music playback<\/li>\n                    <li>Google Cloud API for mood analysis<\/li>\n                    <li>Instant music playback in the background<\/li>\n                    <li>Animated UI for smooth interactions<\/li>\n                    <li>Language selection for personalized recommendations<\/li>\n                <\/ul>\n                <p><strong>Key Tools & Libraries:<\/strong><\/p>\n                <ul>\n                    <li>HTML, CSS, JavaScript (Frontend)<\/li>\n                    <li>Google Cloud API (Mood analysis)<\/li>\n                    <li>Spotify API (Music fetching and playback)<\/li>\n                    <li>Vercel (Hosting and serverless functions)<\/li>\n                <\/ul>\n                <p><strong>Project Source Code:<\/strong> <a href=\"https:\/\/github.com\/Faruk-Tutkus\/Mood-Based-Music-Recommender\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/p>\n            <\/div>\n            <div class=\"iqa-tags-container\">\n                <span class=\"iqa-tag iqa-difficulty-expert\">Expert<\/span>\n                <span class=\"iqa-tag iqa-popularity-medium\">Medium<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"iqa-project-item iqa-project-card\" data-difficulty=\"beginner\" data-popularity=\"medium\">\n            <div class=\"iqa-project-header cursor-pointer\">\n                <h3 class=\"iqa-project-title\" class=\"iqa-project-title\" id=\"image-filter\">Image Filter<\/h3>\n                <button class=\"iqa-toggle-details-btn\">\u25bc<\/button>\n            <\/div>\n            <div class=\"iqa-details text-gray-600\">\n                <p><strong>Project Details:<\/strong> A web-based application for applying filters and modifying image properties like brightness, contrast, and saturation. Users can download the modified image using CamanJS for image manipulation.<\/p>\n                <p><strong>Features:<\/strong><\/p>\n                <ul>\n                    <li>Apply filters to images<\/li>\n                    <li>Modify image properties like brightness, contrast, and saturation<\/li>\n                    <li>Add pre-made effects to images<\/li>\n                    <li>Download the modified image<\/li>\n                <\/ul>\n                <p><strong>Key Tools & Libraries:<\/strong><\/p>\n                <ul>\n                    <li>HTML, CSS, JavaScript (Frontend)<\/li>\n                    <li>CamanJS (Image manipulation)<\/li>\n                <\/ul>\n                <p><strong>Project Source Code:<\/strong> <a href=\"https:\/\/github.com\/vishal1patidar\/Image-Filter\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/p>\n            <\/div>\n            <div class=\"iqa-tags-container\">\n                <span class=\"iqa-tag iqa-difficulty-beginner\">Beginner<\/span>\n                <span class=\"iqa-tag iqa-popularity-medium\">Medium<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"iqa-project-item iqa-project-card\" data-difficulty=\"beginner\" data-popularity=\"high\">\n            <div class=\"iqa-project-header cursor-pointer\">\n                <h3 class=\"iqa-project-title\" class=\"iqa-project-title\" id=\"online-voting-system\">Online Voting System<\/h3>\n                <button class=\"iqa-toggle-details-btn\">\u25bc<\/button>\n            <\/div>\n            <div class=\"iqa-details text-gray-600\">\n                <p><strong>Project Details:<\/strong> A web-based application for secure online voting, featuring voter registration, admin verification, and real-time vote tracking with a MySQL backend.<\/p>\n                <p><strong>Features:<\/strong><\/p>\n                <ul>\n                    <li>Secure voter registration and login system<\/li>\n                    <li>Admin panel for managing voters, candidates, and election details<\/li>\n                    <li>Real-time vote tracking and results display<\/li>\n                    <li>Database management for storing voter and election data<\/li>\n                <\/ul>\n                <p><strong>Key Tools & Libraries:<\/strong><\/p>\n                <ul>\n                    <li>HTML, CSS, JavaScript, Bootstrap (Frontend)<\/li>\n                    <li>PHP (Backend)<\/li>\n                    <li>MySQL (Database)<\/li>\n                <\/ul>\n                <p><strong>Project Source Code:<\/strong> <a href=\"https:\/\/github.com\/Candida18\/Online-Voting-System\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/p>\n            <\/div>\n            <div class=\"iqa-tags-container\">\n                <span class=\"iqa-tag iqa-difficulty-beginner\">Beginner<\/span>\n                <span class=\"iqa-tag iqa-popularity-high\">High<\/span>\n            <\/div>\n        <\/div>\n<div class=\"iqa-project-item iqa-project-card\" data-difficulty=\"expert\" data-popularity=\"high\">\n        <div class=\"iqa-project-header cursor-pointer\">\n            <h3 class=\"iqa-project-title\" class=\"iqa-project-title\" id=\"marktext\">MarkText<\/h3>\n            <button class=\"iqa-toggle-details-btn\">\u25bc<\/button>\n        <\/div>\n        <div class=\"iqa-details text-gray-600\">\n            <p><strong>Project Details:<\/strong> MarkText is an open-source, next-generation markdown editor that provides a clean and distraction-free writing experience. Built with Electron, Vue, and other modern technologies, MarkText supports features such as live preview (WYSIWYG), theme customization, and various markdown extensions.<\/p>\n            <p><strong>Features:<\/strong><\/p>\n            <ul>\n                <li>Real-time preview (WYSIWYG) for markdown<\/li>\n                <li>Support for CommonMark, GitHub Flavored Markdown, and Pandoc<\/li>\n                <li>Markdown extensions (Math expressions, emojis, etc.)<\/li>\n                <li>Multiple themes and editing modes (Source Code, Typewriter, Focus)<\/li>\n                <li>Export to HTML and PDF<\/li>\n                <li>Easy installation on Linux, macOS, and Windows<\/li>\n            <\/ul>\n            <p><strong>Key Tools & Libraries:<\/strong><\/p>\n            <ul>\n                <li>Electron (App Framework)<\/li>\n                <li>Vue (Frontend Framework)<\/li>\n                <li>Markdown (Content Formatting)<\/li>\n                <li>KaTeX (Math expressions)<\/li>\n                <li>TailwindCSS (Styling)<\/li>\n                <li>FOSSA (License management)<\/li>\n            <\/ul>\n            <p><strong>Project Source Code:<\/strong> <a href=\"https:\/\/github.com\/marktext\/marktext\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/p>\n        <\/div>\n        <div class=\"iqa-tags-container\">\n            <span class=\"iqa-tag iqa-difficulty-expert\">Expert<\/span>\n            <span class=\"iqa-tag iqa-popularity-high\">High<\/span>\n        <\/div>\n    <\/div>\n\n    <div class=\"iqa-project-item iqa-project-card\" data-difficulty=\"expert\" data-popularity=\"high\">\n        <div class=\"iqa-project-header cursor-pointer\">\n            <h3 class=\"iqa-project-title\" class=\"iqa-project-title\" id=\"slack-clone-react-native\">Slack Clone React Native<\/h3>\n            <button class=\"iqa-toggle-details-btn\">\u25bc<\/button>\n        <\/div>\n        <div class=\"iqa-details text-gray-600\">\n            <p><strong>Project Details:<\/strong> A Slack clone built with React Native and Stream, designed to mimic the functionality of Slack's messaging system. It leverages Stream's chat service and React Navigation to provide real-time messaging, chat rooms, and user interaction, running on both iOS and Android.<\/p>\n            <p><strong>Features:<\/strong><\/p>\n            <ul>\n                <li>Real-time messaging using Stream<\/li>\n                <li>Chat room creation and management<\/li>\n                <li>User login and authentication<\/li>\n                <li>Mobile support for both iOS and Android<\/li>\n                <li>Expo app for easy setup and deployment<\/li>\n            <\/ul>\n            <p><strong>Key Tools & Libraries:<\/strong><\/p>\n            <ul>\n                <li>React Native (Mobile Development)<\/li>\n                <li>Stream Chat (Real-time messaging)<\/li>\n                <li>React Navigation (App Navigation)<\/li>\n                <li>Yarn (Dependency management)<\/li>\n            <\/ul>\n            <p><strong>Project Source Code:<\/strong> <a href=\"https:\/\/github.com\/GetStream\/slack-clone-react-native\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/p>\n        <\/div>\n        <div class=\"iqa-tags-container\">\n            <span class=\"iqa-tag iqa-difficulty-expert\">Expert<\/span>\n            <span class=\"iqa-tag iqa-popularity-high\">High<\/span>\n        <\/div>\n    <\/div>\n\n    <div class=\"iqa-project-item iqa-project-card\" data-difficulty=\"expert\" data-popularity=\"medium\">\n        <div class=\"iqa-project-header cursor-pointer\">\n            <h3 class=\"iqa-project-title\" class=\"iqa-project-title\" id=\"gemini-youtube-transcript-summarizer\">Gemini YouTube Transcript Summarizer<\/h3>\n            <button class=\"iqa-toggle-details-btn\">\u25bc<\/button>\n        <\/div>\n        <div class=\"iqa-details text-gray-600\">\n            <p><strong>Project Details:<\/strong> A Python-based application that extracts transcripts from YouTube videos and automatically summarizes them using Google's Gemini Pro GenerativeAI. This Streamlit app allows users to input YouTube video links and receive concise, insightful summaries.<\/p>\n            <p><strong>Features:<\/strong><\/p>\n            <ul>\n                <li>Extracts transcripts from YouTube videos<\/li>\n                <li>Summarizes transcripts using Google's Gemini Pro GenerativeAI<\/li>\n                <li>Provides detailed summaries with key insights<\/li>\n                <li>Easy-to-use interface to input YouTube video links<\/li>\n            <\/ul>\n            <p><strong>Key Tools & Libraries:<\/strong><\/p>\n            <ul>\n                <li>YouTube Transcript API (Transcript extraction)<\/li>\n                <li>Streamlit (Web app framework)<\/li>\n                <li>Google Gemini Pro GenerativeAI (Text summarization)<\/li>\n                <li>Python-dotenv (Environment variable management)<\/li>\n            <\/ul>\n            <p><strong>Project Source Code:<\/strong> <a href=\"https:\/\/github.com\/shihabcodes\/Gemini-YT-Transcript-Summarizer\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/p>\n        <\/div>\n        <div class=\"iqa-tags-container\">\n            <span class=\"iqa-tag iqa-difficulty-expert\">Expert<\/span>\n            <span class=\"iqa-tag iqa-popularity-medium\">Medium<\/span>\n        <\/div>\n    <\/div>\n\n    <div class=\"iqa-project-item iqa-project-card\" data-difficulty=\"beginner\" data-popularity=\"medium\">\n        <div class=\"iqa-project-header cursor-pointer\">\n            <h3 class=\"iqa-project-title\" class=\"iqa-project-title\" id=\"resume-builder-web-app\">Resume Builder Web App<\/h3>\n            <button class=\"iqa-toggle-details-btn\">\u25bc<\/button>\n        <\/div>\n        <div class=\"iqa-details text-gray-600\">\n            <p><strong>Project Details:<\/strong> A tool that allows users to create professional resumes by filling out a form with personal details, educational background, skills, and experiences. It offers suggestions, template selection, and options to download or print the completed resume.<\/p>\n            <p><strong>Features:<\/strong><\/p>\n            <ul>\n                <li>Easy-to-use interface for creating professional resumes<\/li>\n                <li>Suggestions for every field to enhance resume quality<\/li>\n                <li>Option to select from various resume templates<\/li>\n                <li>User registration and login via social services (e.g., Gmail) or manual email<\/li>\n                <li>Allows downloading or printing of the generated resumes<\/li>\n            <\/ul>\n            <p><strong>Key Tools & Libraries:<\/strong><\/p>\n            <ul>\n                <li>React.js (Frontend)<\/li>\n                <li>Context-API (State management)<\/li>\n                <li>Firebase (Authentication)<\/li>\n                <li>Bootstrap4, SCSS (Styling)<\/li>\n            <\/ul>\n            <p><strong>Project Source Code:<\/strong> <a href=\"https:\/\/github.com\/PriontoAbdullah\/Resume-Builder-Web-App\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/p>\n        <\/div>\n        <div class=\"iqa-tags-container\">\n            <span class=\"iqa-tag iqa-difficulty-beginner\">Beginner<\/span>\n            <span class=\"iqa-tag iqa-popularity-medium\">Medium<\/span>\n        <\/div>\n    <\/div>\n\n    <div class=\"iqa-project-item iqa-project-card\" data-difficulty=\"expert\" data-popularity=\"low\">\n        <div class=\"iqa-project-header cursor-pointer\">\n            <h3 class=\"iqa-project-title\" class=\"iqa-project-title\" id=\"email-alerts-on-whatsapp-bot\">Email Alerts on WhatsApp Bot<\/h3>\n            <button class=\"iqa-toggle-details-btn\">\u25bc<\/button>\n        <\/div>\n        <div class=\"iqa-details text-gray-600\">\n            <p><strong>Project Details:<\/strong> A bot that integrates Twilio\u2019s WhatsApp API with email functionality to send email alerts via WhatsApp. Built with JavaScript and Node.js, it automates fetching email details based on search criteria and uses Ngrok to expose a local server globally.<\/p>\n            <p><strong>Features:<\/strong><\/p>\n            <ul>\n                <li>Automates sending email alerts via WhatsApp<\/li>\n                <li>Fetches email data based on search queries<\/li>\n                <li>Integrates Twilio's WhatsApp API for messaging<\/li>\n                <li>Uses Ngrok to expose a local server to the internet<\/li>\n                <li>Supports email, call, and notification automation<\/li>\n            <\/ul>\n            <p><strong>Key Tools & Libraries:<\/strong><\/p>\n            <ul>\n                <li>Twilio (WhatsApp API)<\/li>\n                <li>Node.js (Backend)<\/li>\n                <li>Ngrok (Local server exposure)<\/li>\n                <li>JavaScript (Functionality)<\/li>\n            <\/ul>\n            <p><strong>Project Source Code:<\/strong> <a href=\"https:\/\/github.com\/NELLITHARUN\/Email-alerts-on-whatsapp-bot\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/p>\n        <\/div>\n        <div class=\"iqa-tags-container\">\n            <span class=\"iqa-tag iqa-difficulty-expert\">Expert<\/span>\n            <span class=\"iqa-tag iqa-popularity-low\">Low<\/span>\n        <\/div>\n    <\/div>\n\n    <div class=\"iqa-project-item iqa-project-card\" data-difficulty=\"beginner\" data-popularity=\"medium\">\n        <div class=\"iqa-project-header cursor-pointer\">\n            <h3 class=\"iqa-project-title\" class=\"iqa-project-title\" id=\"the-weather-forecasting\">The Weather Forecasting<\/h3>\n            <button class=\"iqa-toggle-details-btn\">\u25bc<\/button>\n        <\/div>\n        <div class=\"iqa-details text-gray-600\">\n            <p><strong>Project Details:<\/strong> A weather forecasting app that allows users to search for a city and view the weather forecast for the next 5-6 days, with 3-hour intervals. Built with React.js and Material-UI, it integrates with the OpenWeatherMap API for accurate data.<\/p>\n            <p><strong>Features:<\/strong><\/p>\n            <ul>\n                <li>Search for weather data by city name<\/li>\n                <li>View 5-6 day weather forecast with 3-hour intervals<\/li>\n                <li>User-friendly interface with Material-UI<\/li>\n                <li>Provides weather data using the OpenWeatherMap API<\/li>\n                <li>Includes plans for future enhancements like geolocation support and unit conversions<\/li>\n            <\/ul>\n            <p><strong>Key Tools & Libraries:<\/strong><\/p>\n            <ul>\n                <li>React.js (Frontend)<\/li>\n                <li>Material-UI (Design Framework)<\/li>\n                <li>OpenWeatherMap API (Weather Data)<\/li>\n            <\/ul>\n            <p><strong>Project Source Code:<\/strong> <a href=\"https:\/\/github.com\/Amin-Awinti\/the-weather-forecasting\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/p>\n        <\/div>\n        <div class=\"iqa-tags-container\">\n            <span class=\"iqa-tag iqa-difficulty-beginner\">Beginner<\/span>\n            <span class=\"iqa-tag iqa-popularity-medium\">Medium<\/span>\n        <\/div>\n    <\/div>\n        <div class=\"iqa-project-item iqa-project-card\" data-difficulty=\"beginner\" data-popularity=\"high\">\n            <div class=\"iqa-project-header cursor-pointer\">\n                <h3 class=\"iqa-project-title\" class=\"iqa-project-title\" id=\"mern-task-manager\">MERN Task Manager<\/h3>\n                <button class=\"iqa-toggle-details-btn\">\u25bc<\/button>\n            <\/div>\n            <div class=\"iqa-details text-gray-600\">\n                <p><strong>Project Details:<\/strong> A full-stack task management app built with the MERN stack, featuring user authentication, task CRUD operations, and a responsive UI with Tailwind CSS.<\/p>\n                <p><strong>Features:<\/strong><\/p>\n                <ul>\n                    <li>User authentication (Signup, Login, Logout)<\/li>\n                    <li>Task management (Create, View, Edit, Delete tasks)<\/li>\n                    <li>Responsive and modern UI with Tailwind CSS<\/li>\n                    <li>Redux for global state management<\/li>\n                    <li>Real-time task updates with token-based authentication<\/li>\n                    <li>Form validations and error handling<\/li>\n                    <li>Private dashboard for authenticated users<\/li>\n                <\/ul>\n                <p><strong>Key Tools & Libraries:<\/strong><\/p>\n                <ul>\n                    <li>React.js, Redux, Tailwind CSS (Frontend)<\/li>\n                    <li>Node.js, Express.js (Backend)<\/li>\n                    <li>MongoDB (Database)<\/li>\n                    <li>JWT Authentication<\/li>\n                <\/ul>\n                <p><strong>Project Source Code:<\/strong> <a href=\"https:\/\/github.com\/aayush301\/MERN-task-manager\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/p>\n            <\/div>\n            <div class=\"iqa-tags-container\">\n                <span class=\"iqa-tag iqa-difficulty-beginner\">Beginner<\/span>\n                <span class=\"iqa-tag iqa-popularity-high\">High<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"iqa-project-item iqa-project-card\" data-difficulty=\"beginner\" data-popularity=\"medium\">\n            <div class=\"iqa-project-header cursor-pointer\">\n                <h3 class=\"iqa-project-title\" class=\"iqa-project-title\" id=\"typing-speed-test-js\">Typing Speed Test-JS<\/h3>\n                <button class=\"iqa-toggle-details-btn\">\u25bc<\/button>\n            <\/div>\n            <div class=\"iqa-details text-gray-600\">\n                <p><strong>Project Details:<\/strong> A web app to measure typing speed in Time Mode (fixed duration) or Infinity Mode (complete a passage). Displays WPM, CPM, and accuracy.<\/p>\n                <p><strong>Features:<\/strong><\/p>\n                <ul>\n                    <li>Two modes: Time Mode and Infinity Mode<\/li>\n                    <li>Displays WPM, CPM, and accuracy after completion<\/li>\n                    <li>Mobile-friendly design<\/li>\n                    <li>Live demo available on Netlify<\/li>\n                <\/ul>\n                <p><strong>Key Tools & Libraries:<\/strong><\/p>\n                <ul>\n                    <li>HTML, CSS, JavaScript (Vanilla JS)<\/li>\n                    <li>VS Code (Development)<\/li>\n                    <li>Netlify (Hosting)<\/li>\n                <\/ul>\n                <p><strong>Project Source Code:<\/strong> <a href=\"https:\/\/github.com\/GaganpreetKaurKalsi\/TypingSpeedTest-JS\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/p>\n            <\/div>\n            <div class=\"iqa-tags-container\">\n                <span class=\"iqa-tag iqa-difficulty-beginner\">Beginner<\/span>\n                <span class=\"iqa-tag iqa-popularity-medium\">Medium<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"iqa-project-item iqa-project-card\" data-difficulty=\"beginner\" data-popularity=\"medium\">\n            <div class=\"iqa-project-header cursor-pointer\">\n                <h3 class=\"iqa-project-title\" class=\"iqa-project-title\" id=\"movie-search-app\">Movie Search App<\/h3>\n                <button class=\"iqa-toggle-details-btn\">\u25bc<\/button>\n            <\/div>\n            <div class=\"iqa-details text-gray-600\">\n                <p><strong>Project Details:<\/strong> A React-based app that allows users to search for movies using the OMDB API, displaying results and detailed movie information.<\/p>\n                <p><strong>Features:<\/strong><\/p>\n                <ul>\n                    <li>Search for movies and view related results<\/li>\n                    <li>View detailed information about each movie<\/li>\n                    <li>Error handling for invalid searches<\/li>\n                    <li>Built using React Hooks, React Router, and Context API<\/li>\n                <\/ul>\n                <p><strong>Key Tools & Libraries:<\/strong><\/p>\n                <ul>\n                    <li>React, React Router, Context API, React Hooks<\/li>\n                    <li>OMDB API (For fetching movie data)<\/li>\n                    <li>Netlify (Hosting)<\/li>\n                <\/ul>\n                <p><strong>Project Source Code:<\/strong> <a href=\"https:\/\/github.com\/paramkeshkamat\/movie-search-app\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/p>\n            <\/div>\n            <div class=\"iqa-tags-container\">\n                <span class=\"iqa-tag iqa-difficulty-beginner\">Beginner<\/span>\n                <span class=\"iqa-tag iqa-popularity-medium\">Medium<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"iqa-project-item iqa-project-card\" data-difficulty=\"beginner\" data-popularity=\"high\">\n            <div class=\"iqa-project-header cursor-pointer\">\n                <h3 class=\"iqa-project-title\" class=\"iqa-project-title\" id=\"personalized-news-feed-aggregator\">Personalized News Feed Aggregator<\/h3>\n                <button class=\"iqa-toggle-details-btn\">\u25bc<\/button>\n            <\/div>\n            <div class=\"iqa-details text-gray-600\">\n                <p><strong>Project Details:<\/strong> A React-based news aggregator website that pulls articles from multiple sources, allowing users to search, filter, and customize their news feed.<\/p>\n                <p><strong>Features:<\/strong><\/p>\n                <ul>\n                    <li>Article search and filtering by keyword, date, category, and source<\/li>\n                    <li>Personalized news feed customization<\/li>\n                    <li>Mobile-responsive design for various devices<\/li>\n                    <li>Integration with NewsAPI, The Guardian API, and New York Times API<\/li>\n                <\/ul>\n                <p><strong>Key Tools & Libraries:<\/strong><\/p>\n                <ul>\n                    <li>React.js, Redux Toolkit<\/li>\n                    <li>Axios, React Bootstrap<\/li>\n                    <li>HTML, CSS, JavaScript<\/li>\n                <\/ul>\n                <p><strong>Project Source Code:<\/strong> <a href=\"https:\/\/github.com\/tejassavaliya\/news-aggregator-app\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/p>\n            <\/div>\n            <div class=\"iqa-tags-container\">\n                <span class=\"iqa-tag iqa-difficulty-beginner\">Beginner<\/span>\n                <span class=\"iqa-tag iqa-popularity-high\">High<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"iqa-project-item iqa-project-card\" data-difficulty=\"beginner\" data-popularity=\"medium\">\n            <div class=\"iqa-project-header cursor-pointer\">\n                <h3 class=\"iqa-project-title\" class=\"iqa-project-title\" id=\"interactive-choose-your-own-adventure-story\">Interactive \"Choose Your Own Adventure\" Story<\/h3>\n                <button class=\"iqa-toggle-details-btn\">\u25bc<\/button>\n            <\/div>\n            <div class=\"iqa-details text-gray-600\">\n                <p><strong>Project Details:<\/strong> An online platform using WordPress and the CYOA Interactive Story Builder plugin to create and play interactive text-based adventure games with branching narratives.<\/p>\n                <p><strong>Features:<\/strong><\/p>\n                <ul>\n                    <li>Create stories with hierarchical paths and choices<\/li>\n                    <li>Manage custom entities: characters, locations, vehicles, weapons<\/li>\n                    <li>Taxonomies for parallel universes and storylines<\/li>\n                    <li>User progress tracking and resume reading functionality<\/li>\n                    <li>Breadcrumb navigation for story structure<\/li>\n                <\/ul>\n                <p><strong>Key Tools & Libraries:<\/strong><\/p>\n                <ul>\n                    <li>WordPress<\/li>\n                    <li>CYOA Interactive Story Builder Plugin (PHP, CSS, JavaScript)<\/li>\n                <\/ul>\n                <p><strong>Project Source Code:<\/strong> <a href=\"https:\/\/github.com\/sethshoultes\/cyoa-interactive-story-builder\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/p>\n            <\/div>\n            <div class=\"iqa-tags-container\">\n                <span class=\"iqa-tag iqa-difficulty-beginner\">Beginner<\/span>\n                <span class=\"iqa-tag iqa-popularity-medium\">Medium<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"iqa-project-item iqa-project-card\" data-difficulty=\"beginner\" data-popularity=\"high\">\n            <div class=\"iqa-project-header cursor-pointer\">\n                <h3 class=\"iqa-project-title\" class=\"iqa-project-title\" id=\"visual-drum-kit\">Visual Drum Kit<\/h3>\n                <button class=\"iqa-toggle-details-btn\">\u25bc<\/button>\n            <\/div>\n            <div class=\"iqa-details text-gray-600\">\n                <p><strong>Project Details:<\/strong> An interactive web app that lets users play virtual drums via clicks or keyboard inputs, with visual feedback through CSS animations.<\/p>\n                <p><strong>Features:<\/strong><\/p>\n                <ul>\n                    <li>Interactive drumming by clicking pads or pressing keyboard keys<\/li>\n                    <li>Multiple distinct drum sounds for each pad<\/li>\n                    <li>Keyboard shortcuts for ease of use<\/li>\n                    <li>Visual response and animation on drum pad interaction<\/li>\n                <\/ul>\n                <p><strong>Key Tools & Libraries:<\/strong><\/p>\n                <ul>\n                    <li>HTML, CSS, JavaScript<\/li>\n                    <li>Audio API<\/li>\n                <\/ul>\n                <p><strong>Project Source Code:<\/strong> <a href=\"https:\/\/github.com\/git-vaibhav30\/Drum-Kit\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/p>\n            <\/div>\n            <div class=\"iqa-tags-container\">\n                <span class=\"iqa-tag iqa-difficulty-beginner\">Beginner<\/span>\n                <span class=\"iqa-tag iqa-popularity-high\">High<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"iqa-project-item iqa-project-card\" data-difficulty=\"beginner\" data-popularity=\"medium\">\n            <div class=\"iqa-project-header cursor-pointer\">\n                <h3 class=\"iqa-project-title\" class=\"iqa-project-title\" id=\"real-time-collaborative-drawing-board\">Real-time Collaborative Drawing Board<\/h3>\n                <button class=\"iqa-toggle-details-btn\">\u25bc<\/button>\n            <\/div>\n            <div class=\"iqa-details text-gray-600\">\n                <p><strong>Project Details:<\/strong> A collaborative drawing app using WebSocket and Node.js, allowing multiple users to draw on a shared canvas in real-time with customizable tools.<\/p>\n                <p><strong>Features:<\/strong><\/p>\n                <ul>\n                    <li>Collaborative real-time drawing on a shared canvas<\/li>\n                    <li>Customizable drawing tools (color, line size, eraser)<\/li>\n                    <li>Save artwork to an image file<\/li>\n                    <li>User-friendly interface for all skill levels<\/li>\n                <\/ul>\n                <p><strong>Key Tools & Libraries:<\/strong><\/p>\n                <ul>\n                    <li>HTML, CSS, JavaScript<\/li>\n                    <li>Node.js, WebSockets<\/li>\n                    <li>Canvas API<\/li>\n                <\/ul>\n                <p><strong>Project Source Code:<\/strong> <a href=\"https:\/\/github.com\/yusufsefasezer\/websocket-drawboard\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/p>\n            <\/div>\n            <div class=\"iqa-tags-container\">\n                <span class=\"iqa-tag iqa-difficulty-beginner\">Beginner<\/span>\n                <span class=\"iqa-tag iqa-popularity-medium\">Medium<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"iqa-project-item iqa-project-card\" data-difficulty=\"beginner\" data-popularity=\"medium\">\n            <div class=\"iqa-project-header cursor-pointer\">\n                <h3 class=\"iqa-project-title\" class=\"iqa-project-title\" id=\"responsive-portfolio-website-rian\">Responsive Portfolio Website Rian<\/h3>\n                <button class=\"iqa-toggle-details-btn\">\u25bc<\/button>\n            <\/div>\n            <div class=\"iqa-details text-gray-600\">\n                <p><strong>Project Details:<\/strong> A personal portfolio website with smooth scrolling, animations, dark\/light theme toggle, and a contact section for sending emails, built with a mobile-first approach.<\/p>\n                <p><strong>Features:<\/strong><\/p>\n                <ul>\n                    <li>Smooth scrolling and animations<\/li>\n                    <li>Dark and light theme toggle<\/li>\n                    <li>Mobile-first design for responsive experience<\/li>\n                    <li>Email sending functionality in the contact section<\/li>\n                <\/ul>\n                <p><strong>Key Tools & Libraries:<\/strong><\/p>\n                <ul>\n                    <li>HTML, CSS, JavaScript<\/li>\n                <\/ul>\n                <p><strong>Project Source Code:<\/strong> <a href=\"https:\/\/github.com\/bedimcode\/responsive-portfolio-website-rian\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/p>\n            <\/div>\n            <div class=\"iqa-tags-container\">\n                <span class=\"iqa-tag iqa-difficulty-beginner\">Beginner<\/span>\n                <span class=\"iqa-tag iqa-popularity-medium\">Medium<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"iqa-project-item iqa-project-card\" data-difficulty=\"beginner\" data-popularity=\"medium\">\n            <div class=\"iqa-project-header cursor-pointer\">\n                <h3 class=\"iqa-project-title\" class=\"iqa-project-title\" id=\"customizable-gradient-generator\">Customizable Gradient Generator<\/h3>\n                <button class=\"iqa-toggle-details-btn\">\u25bc<\/button>\n            <\/div>\n            <div class=\"iqa-details text-gray-600\">\n                <p><strong>Project Details:<\/strong> A web app that lets users create custom CSS gradients with a live preview and generates CSS code for copying.<\/p>\n                <p><strong>Features:<\/strong><\/p>\n                <ul>\n                    <li>Interactive color selection for gradient stops<\/li>\n                    <li>Control over gradient type (linear, radial)<\/li>\n                    <li>Adjustable direction\/angle<\/li>\n                    <li>Live visual preview of the gradient<\/li>\n                    <li>Auto-generation and display of CSS code<\/li>\n                <\/ul>\n                <p><strong>Key Tools & Libraries:<\/strong><\/p>\n                <ul>\n                    <li>HTML, CSS, JavaScript<\/li>\n                    <li>React.js (optional for enhanced version)<\/li>\n                <\/ul>\n                <p><strong>Project Source Code:<\/strong> <a href=\"https:\/\/github.com\/anveshvanam\/Gradient-Generator\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/p>\n            <\/div>\n            <div class=\"iqa-tags-container\">\n                <span class=\"iqa-tag iqa-difficulty-beginner\">Beginner<\/span>\n                <span class=\"iqa-tag iqa-popularity-medium\">Medium<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"iqa-project-item iqa-project-card\" data-difficulty=\"beginner\" data-popularity=\"medium\">\n            <div class=\"iqa-project-header cursor-pointer\">\n                <h3 class=\"iqa-project-title\" class=\"iqa-project-title\" id=\"interactive-whats-my-ip-tool-with-geolocation\">Interactive \"What's My IP\" Tool with Geolocation<\/h3>\n                <button class=\"iqa-toggle-details-btn\">\u25bc<\/button>\n            <\/div>\n            <div class=\"iqa-details text-gray-600\">\n                <p><strong>Project Details:<\/strong> A web app that uses AbstractAPI's IP Geolocation API to display a user's IP address and geolocation details like city, country, and timezone.<\/p>\n                <p><strong>Features:<\/strong><\/p>\n                <ul>\n                    <li>Displays public IP address<\/li>\n                    <li>Provides city, region, country, and continent details<\/li>\n                    <li>Includes latitude and longitude<\/li>\n                    <li>Identifies if the IP is from a VPN or proxy<\/li>\n                    <li>Timezone and currency information<\/li>\n                <\/ul>\n                <p><strong>Key Tools & Libraries:<\/strong><\/p>\n                <ul>\n                    <li>HTML, CSS, JavaScript (or Node.js)<\/li>\n                    <li>Fetch API or Axios<\/li>\n                    <li>AbstractAPI IP Geolocation library<\/li>\n                <\/ul>\n                <p><strong>Project Source Code:<\/strong> <a href=\"https:\/\/github.com\/abstractapi\/javascript-ip-geolocation\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/p>\n            <\/div>\n            <div class=\"iqa-tags-container\">\n                <span class=\"iqa-tag iqa-difficulty-beginner\">Beginner<\/span>\n                <span class=\"iqa-tag iqa-popularity-medium\">Medium<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"iqa-project-item iqa-project-card\" data-difficulty=\"beginner\" data-popularity=\"medium\">\n            <div class=\"iqa-project-header cursor-pointer\">\n                <h3 class=\"iqa-project-title\" class=\"iqa-project-title\" id=\"css-animation-playground\">CSS Animation Playground<\/h3>\n                <button class=\"iqa-toggle-details-btn\">\u25bc<\/button>\n            <\/div>\n            <div class=\"iqa-details text-gray-600\">\n                <p><strong>Project Details:<\/strong> A web-based sandbox for experimenting with CSS animations, allowing users to explore transformations, transitions, and keyframes.<\/p>\n                <p><strong>Features:<\/strong><\/p>\n                <ul>\n                    <li>Showcases various CSS animation effects<\/li>\n                    <li>Interactive elements to demonstrate animations<\/li>\n                    <li>Pure CSS-driven animations<\/li>\n                    <li>Easily modifiable for experimentation<\/li>\n                <\/ul>\n                <p><strong>Key Tools & Libraries:<\/strong><\/p>\n                <ul>\n                    <li>HTML<\/li>\n                    <li>CSS<\/li>\n                <\/ul>\n                <p><strong>Project Source Code:<\/strong> <a href=\"https:\/\/github.com\/carriepresley\/css-animations-playground\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/p>\n            <\/div>\n            <div class=\"iqa-tags-container\">\n                <span class=\"iqa-tag iqa-difficulty-beginner\">Beginner<\/span>\n                <span class=\"iqa-tag iqa-popularity-medium\">Medium<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"iqa-project-item iqa-project-card\" data-difficulty=\"beginner\" data-popularity=\"high\">\n            <div class=\"iqa-project-header cursor-pointer\">\n                <h3 class=\"iqa-project-title\" class=\"iqa-project-title\" id=\"recipe-finder-by-ingredients\">Recipe Finder by Ingredients<\/h3>\n                <button class=\"iqa-toggle-details-btn\">\u25bc<\/button>\n            <\/div>\n            <div class=\"iqa-details text-gray-600\">\n                <p><strong>Project Details:<\/strong> A web app that finds recipes based on up to three ingredients using the Spoonacular API, with video tutorials from the YouTube API.<\/p>\n                <p><strong>Features:<\/strong><\/p>\n                <ul>\n                    <li>Search recipes by up to three ingredients<\/li>\n                    <li>Integration with Spoonacular API for recipes<\/li>\n                    <li>Integration with YouTube API for video tutorials<\/li>\n                    <li>Recipe history for previously viewed recipes<\/li>\n                    <li>User-friendly interface for cooking inspiration<\/li>\n                <\/ul>\n                <p><strong>Key Tools & Libraries:<\/strong><\/p>\n                <ul>\n                    <li>HTML, CSS, JavaScript<\/li>\n                    <li>Spoonacular API, YouTube API<\/li>\n                    <li>Bootstrap for styling<\/li>\n                <\/ul>\n                <p><strong>Project Source Code:<\/strong> <a href=\"https:\/\/github.com\/hayleyarodgers\/recipe-finder\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/p>\n            <\/div>\n            <div class=\"iqa-tags-container\">\n                <span class=\"iqa-tag iqa-difficulty-beginner\">Beginner<\/span>\n                <span class=\"iqa-tag iqa-popularity-high\">High<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"iqa-project-item iqa-project-card\" data-difficulty=\"beginner\" data-popularity=\"high\">\n            <div class=\"iqa-project-header cursor-pointer\">\n                <h3 class=\"iqa-project-title\" class=\"iqa-project-title\" id=\"password-strength-checker\">Password Strength Checker<\/h3>\n                <button class=\"iqa-toggle-details-btn\">\u25bc<\/button>\n            <\/div>\n            <div class=\"iqa-details text-gray-600\">\n                <p><strong>Project Details:<\/strong> A web-based app that provides real-time feedback on password strength with visual cues and suggestions for improvement.<\/p>\n                <p><strong>Features:<\/strong><\/p>\n                <ul>\n                    <li>Real-time password strength feedback<\/li>\n                    <li>Alerts for weak, medium, and strong passwords<\/li>\n                    <li>Tips for improving password security<\/li>\n                    <li>Visual indication of strength via border color<\/li>\n                    <li>Responsive and intuitive user interface<\/li>\n                <\/ul>\n                <p><strong>Key Tools & Libraries:<\/strong><\/p>\n                <ul>\n                    <li>HTML, CSS, JavaScript<\/li>\n                <\/ul>\n                <p><strong>Project Source Code:<\/strong> <a href=\"https:\/\/github.com\/jagathishwaran\/Password-Strength-Checker\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/p>\n            <\/div>\n            <div class=\"iqa-tags-container\">\n                <span class=\"iqa-tag iqa-difficulty-beginner\">Beginner<\/span>\n                <span class=\"iqa-tag iqa-popularity-high\">High<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"iqa-project-item iqa-project-card\" data-difficulty=\"beginner\" data-popularity=\"high\">\n            <div class=\"iqa-project-header cursor-pointer\">\n                <h3 class=\"iqa-project-title\" class=\"iqa-project-title\" id=\"random-quote-generator-with-social-sharing\">Random Quote Generator with Social Sharing<\/h3>\n                <button class=\"iqa-toggle-details-btn\">\u25bc<\/button>\n            <\/div>\n            <div class=\"iqa-details text-gray-600\">\n                <p><strong>Project Details:<\/strong> A web app that displays a random quote and author on button click, with optional social media sharing functionality.<\/p>\n                <p><strong>Features:<\/strong><\/p>\n                <ul>\n                    <li>Displays a new random quote on button click<\/li>\n                    <li>Includes quote and source (author)<\/li>\n                    <li>Can be extended for social media sharing<\/li>\n                    <li>Uses an array of quote objects<\/li>\n                <\/ul>\n                <p><strong>Key Tools & Libraries:<\/strong><\/p>\n                <ul>\n                    <li>HTML, CSS, JavaScript<\/li>\n                <\/ul>\n                <p><strong>Project Source Code:<\/strong> <a href=\"https:\/\/github.com\/RichardJamesWard\/JS-Random-Quote-Generator\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/p>\n            <\/div>\n            <div class=\"iqa-tags-container\">\n                <span class=\"iqa-tag iqa-difficulty-beginner\">Beginner<\/span>\n                <span class=\"iqa-tag iqa-popularity-high\">High<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"iqa-project-item iqa-project-card\" data-difficulty=\"beginner\" data-popularity=\"high\">\n            <div class=\"iqa-project-header cursor-pointer\">\n                <h3 class=\"iqa-project-title\" class=\"iqa-project-title\" id=\"basic-calculator-with-history\">Basic Calculator with History<\/h3>\n                <button class=\"iqa-toggle-details-btn\">\u25bc<\/button>\n            <\/div>\n            <div class=\"iqa-details text-gray-600\">\n                <p><strong>Project Details:<\/strong> A JavaScript calculator that performs basic arithmetic operations and displays a history of calculations.<\/p>\n                <p><strong>Features:<\/strong><\/p>\n                <ul>\n                    <li>Performs basic arithmetic operations<\/li>\n                    <li>Displays a history of calculations<\/li>\n                    <li>Clear functionality<\/li>\n                    <li>Responsive design for calculator buttons<\/li>\n                <\/ul>\n                <p><strong>Key Tools & Libraries:<\/strong><\/p>\n                <ul>\n                    <li>HTML, CSS, JavaScript<\/li>\n                <\/ul>\n                <p><strong>Project Source Code:<\/strong> <a href=\"https:\/\/github.com\/makstheimba\/genericCalc\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/p>\n            <\/div>\n            <div class=\"iqa-tags-container\">\n                <span class=\"iqa-tag iqa-difficulty-beginner\">Beginner<\/span>\n                <span class=\"iqa-tag iqa-popularity-high\">High<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"iqa-project-item iqa-project-card\" data-difficulty=\"beginner\" data-popularity=\"medium\">\n            <div class=\"iqa-project-header cursor-pointer\">\n                <h3 class=\"iqa-project-title\" class=\"iqa-project-title\" id=\"image-recognition-web-application\">Image Recognition Web Application<\/h3>\n                <button class=\"iqa-toggle-details-btn\">\u25bc<\/button>\n            <\/div>\n            <div class=\"iqa-details text-gray-600\">\n                <p><strong>Project Details:<\/strong> A web app that uses Azure Cognitive Services to analyze and describe uploaded images, displaying tags and confidence levels.<\/p>\n                <p><strong>Features:<\/strong><\/p>\n                <ul>\n                    <li>Image upload and recognition<\/li>\n                    <li>Azure Cognitive Services integration for content description<\/li>\n                    <li>Display of image tags and description with confidence levels<\/li>\n                    <li>User-friendly web interface with Bootstrap styling<\/li>\n                <\/ul>\n                <p><strong>Key Tools & Libraries:<\/strong><\/p>\n                <ul>\n                    <li>HTML, CSS, JavaScript (Frontend)<\/li>\n                    <li>Azure Cognitive Services API (Backend)<\/li>\n                    <li>jQuery for AJAX requests<\/li>\n                <\/ul>\n                <p><strong>Project Source Code:<\/strong> <a href=\"https:\/\/github.com\/AIAnytime\/Image-Identification-App\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/p>\n            <\/div>\n            <div class=\"iqa-tags-container\">\n                <span class=\"iqa-tag iqa-difficulty-beginner\">Beginner<\/span>\n                <span class=\"iqa-tag iqa-popularity-medium\">Medium<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"iqa-project-item iqa-project-card\" data-difficulty=\"expert\" data-popularity=\"medium\">\n            <div class=\"iqa-project-header cursor-pointer\">\n                <h3 class=\"iqa-project-title\" class=\"iqa-project-title\" id=\"ai-note-taking-app\">AI Note-Taking App<\/h3>\n                <button class=\"iqa-toggle-details-btn\">\u25bc<\/button>\n            <\/div>\n            <div class=\"iqa-details text-gray-600\">\n                <p><strong>Project Details:<\/strong> A web app with an AI-powered chatbot for querying notes, featuring secure authentication, CRUD operations, and theme support using Next.js and MongoDB.<\/p>\n                <p><strong>Features:<\/strong><\/p>\n                <ul>\n                    <li>AI-powered chatbot for querying notes<\/li>\n                    <li>Intelligent document retrieval with ChatGPT and Pinecone<\/li>\n                    <li>Light and dark theme support<\/li>\n                    <li>Secure user authentication with Clerk<\/li>\n                    <li>CRUD operations for managing notes using Prisma and MongoDB Atlas<\/li>\n                    <li>Fully responsive design with TailwindCSS<\/li>\n                <\/ul>\n                <p><strong>Key Tools & Libraries:<\/strong><\/p>\n                <ul>\n                    <li>Next.js 14, TypeScript (Frontend)<\/li>\n                    <li>ChatGPT API, Pinecone (AI and document retrieval)<\/li>\n                    <li>Clerk (Authentication)<\/li>\n                    <li>Prisma, MongoDB Atlas (Database)<\/li>\n                    <li>TailwindCSS, Shadcn UI (UI components)<\/li>\n                <\/ul>\n                <p><strong>Project Source Code:<\/strong> <a href=\"https:\/\/github.com\/abhishekHegde2000\/ai-note-app\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/p>\n            <\/div>\n            <div class=\"iqa-tags-container\">\n                <span class=\"iqa-tag iqa-difficulty-expert\">Expert<\/span>\n                <span class=\"iqa-tag iqa-popularity-medium\">Medium<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"iqa-project-item iqa-project-card\" data-difficulty=\"expert\" data-popularity=\"high\">\n            <div class=\"iqa-project-header cursor-pointer\">\n                <h3 class=\"iqa-project-title\" class=\"iqa-project-title\" id=\"distributed-real-time-analytics-dashboard\">Distributed Real-time Analytics Dashboard<\/h3>\n                <button class=\"iqa-toggle-details-btn\">\u25bc<\/button>\n            <\/div>\n            <div class=\"iqa-details text-gray-600\">\n                <p><strong>Project Details:<\/strong> A real-time analytics dashboard for e-commerce, processing user events like clicks and orders using Kafka and Spark Streaming, visualized with Grafana.<\/p>\n                <p><strong>Features:<\/strong><\/p>\n                <ul>\n                    <li>Real-time insights from e-commerce events<\/li>\n                    <li>Kafka for event ingestion in Avro format<\/li>\n                    <li>Spark Streaming for data processing and aggregation<\/li>\n                    <li>MySQL for demographic data storage<\/li>\n                    <li>InfluxDB for time-series data<\/li>\n                    <li>Grafana for dashboard visualization<\/li>\n                <\/ul>\n                <p><strong>Key Tools & Libraries:<\/strong><\/p>\n                <ul>\n                    <li>Apache Kafka<\/li>\n                    <li>Apache Spark Streaming<\/li>\n                    <li>MySQL, InfluxDB<\/li>\n                    <li>Grafana, Docker Compose<\/li>\n                    <li>Java<\/li>\n                <\/ul>\n                <p><strong>Project Source Code:<\/strong> <a href=\"https:\/\/github.com\/krishnakaushik25\/realtime-analytics-Dashboard\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/p>\n            <\/div>\n            <div class=\"iqa-tags-container\">\n                <span class=\"iqa-tag iqa-difficulty-expert\">Expert<\/span>\n                <span class=\"iqa-tag iqa-popularity-high\">High<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"iqa-project-item iqa-project-card\" data-difficulty=\"expert\" data-popularity=\"high\">\n            <div class=\"iqa-project-header cursor-pointer\">\n                <h3 class=\"iqa-project-title\" class=\"iqa-project-title\" id=\"decentralized-file-storage-sharing-dapp\">Decentralized File Storage & Sharing DApp<\/h3>\n                <button class=\"iqa-toggle-details-btn\">\u25bc<\/button>\n            <\/div>\n            <div class=\"iqa-details text-gray-600\">\n                <p><strong>Project Details:<\/strong> A decentralized file storage and sharing app using IPFS and blockchain (e.g., Ethereum) for secure, immutable file management with smart contracts.<\/p>\n                <p><strong>Features:<\/strong><\/p>\n                <ul>\n                    <li>Decentralized file storage on IPFS<\/li>\n                    <li>Blockchain-based access control and metadata<\/li>\n                    <li>Secure file sharing capabilities<\/li>\n                    <li>Integration with Web3 wallets (e.g., MetaMask)<\/li>\n                    <li>Smart contract development for file management<\/li>\n                <\/ul>\n                <p><strong>Key Tools & Libraries:<\/strong><\/p>\n                <ul>\n                    <li>JavaScript, Solidity<\/li>\n                    <li>Web3.js\/Ethers.js<\/li>\n                    <li>IPFS<\/li>\n                    <li>HTML, CSS<\/li>\n                <\/ul>\n                <p><strong>Project Source Code:<\/strong> <a href=\"https:\/\/github.com\/dappuniversity\/dstorage\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/p>\n            <\/div>\n            <div class=\"iqa-tags-container\">\n                <span class=\"iqa-tag iqa-difficulty-expert\">Expert<\/span>\n                <span class=\"iqa-tag iqa-popularity-high\">High<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"iqa-project-item iqa-project-card\" data-difficulty=\"expert\" data-popularity=\"high\">\n            <div class=\"iqa-project-header cursor-pointer\">\n                <h3 class=\"iqa-project-title\" class=\"iqa-project-title\" id=\"serverless-e-commerce-platform-with-microservices\">Serverless E-commerce Platform with Microservices<\/h3>\n                <button class=\"iqa-toggle-details-btn\">\u25bc<\/button>\n            <\/div>\n            <div class=\"iqa-details text-gray-600\">\n                <p><strong>Project Details:<\/strong> A serverless e-commerce platform using AWS Lambda and microservices for user management, products, orders, and payments, with event-driven communication.<\/p>\n                <p><strong>Features:<\/strong><\/p>\n                <ul>\n                    <li>Microservices architecture for e-commerce functions<\/li>\n                    <li>Serverless compute (AWS Lambda) for scalability<\/li>\n                    <li>Event-driven communication with Amazon EventBridge<\/li>\n                    <li>AWS AppSync for user interactions<\/li>\n                    <li>Secure authentication with Amazon Cognito<\/li>\n                <\/ul>\n                <p><strong>Key Tools & Libraries:<\/strong><\/p>\n                <ul>\n                    <li>AWS Lambda, AWS AppSync, Amazon API Gateway<\/li>\n                    <li>Amazon EventBridge, Amazon Cognito<\/li>\n                    <li>Amazon DynamoDB<\/li>\n                    <li>Python, TypeScript, Shell<\/li>\n                <\/ul>\n                <p><strong>Project Source Code:<\/strong> <a href=\"https:\/\/github.com\/aws-samples\/aws-serverless-ecommerce-platform\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/p>\n            <\/div>\n            <div class=\"iqa-tags-container\">\n                <span class=\"iqa-tag iqa-difficulty-expert\">Expert<\/span>\n                <span class=\"iqa-tag iqa-popularity-high\">High<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"iqa-project-item iqa-project-card\" data-difficulty=\"expert\" data-popularity=\"medium\">\n            <div class=\"iqa-project-header cursor-pointer\">\n                <h3 class=\"iqa-project-title\" class=\"iqa-project-title\" id=\"progressive-web-app-pwa-with-offline-ml-model\">Progressive Web App (PWA) with Offline ML Model<\/h3>\n                <button class=\"iqa-toggle-details-btn\">\u25bc<\/button>\n            <\/div>\n            <div class=\"iqa-details text-gray-600\">\n                <p><strong>Project Details:<\/strong> A Progressive Web App with offline capabilities, extended to include client-side machine learning for inference using TensorFlow.js or ONNX.js.<\/p>\n                <p><strong>Features:<\/strong><\/p>\n                <ul>\n                    <li>Full offline functionality<\/li>\n                    <li>Automatic updates when online<\/li>\n                    <li>Native-app like experience<\/li>\n                    <li>Uses Service Workers for caching<\/li>\n                    <li>Demonstrates core PWA principles<\/li>\n                <\/ul>\n                <p><strong>Key Tools & Libraries:<\/strong><\/p>\n                <ul>\n                    <li>HTML, CSS, JavaScript<\/li>\n                    <li>Service Workers<\/li>\n                    <li>TensorFlow.js\/ONNX.js (for offline ML)<\/li>\n                <\/ul>\n                <p><strong>Project Source Code:<\/strong> <a href=\"https:\/\/github.com\/Oshanotter\/offline-pwa-example\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/p>\n            <\/div>\n            <div class=\"iqa-tags-container\">\n                <span class=\"iqa-tag iqa-difficulty-expert\">Expert<\/span>\n                <span class=\"iqa-tag iqa-popularity-medium\">Medium<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"iqa-project-item iqa-project-card\" data-difficulty=\"expert\" data-popularity=\"medium\">\n            <div class=\"iqa-project-header cursor-pointer\">\n                <h3 class=\"iqa-project-title\" class=\"iqa-project-title\" id=\"online-transaction-fraud-detection-using-django\">Online Transaction Fraud Detection using Django<\/h3>\n                <button class=\"iqa-toggle-details-btn\">\u25bc<\/button>\n            <\/div>\n            <div class=\"iqa-details text-gray-600\">\n                <p><strong>Project Details:<\/strong> A fraud detection system using Django, analyzing user spending patterns and location via ipinfo.io API to verify transaction authenticity.<\/p>\n                <p><strong>Features:<\/strong><\/p>\n                <ul>\n                    <li>Fraud detection based on behavior and location analysis<\/li>\n                    <li>Integration with ipinfo.io for location-based verification<\/li>\n                    <li>Django framework for web development<\/li>\n                    <li>Payment fraud prevention for e-commerce transactions<\/li>\n                <\/ul>\n                <p><strong>Key Tools & Libraries:<\/strong><\/p>\n                <ul>\n                    <li>Python (Django)<\/li>\n                    <li>JavaScript, CSS, HTML (Frontend)<\/li>\n                    <li>ipinfo.io API for location analysis<\/li>\n                <\/ul>\n                <p><strong>Project Source Code:<\/strong> <a href=\"https:\/\/github.com\/shivamsaraswat\/credit-card-fraud-detection\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/p>\n            <\/div>\n            <div class=\"iqa-tags-container\">\n                <span class=\"iqa-tag iqa-difficulty-expert\">Expert<\/span>\n                <span class=\"iqa-tag iqa-popularity-medium\">Medium<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"iqa-project-item iqa-project-card\" data-difficulty=\"expert\" data-popularity=\"medium\">\n            <div class=\"iqa-project-header cursor-pointer\">\n                <h3 class=\"iqa-project-title\" class=\"iqa-project-title\" id=\"realtime-collaborative-code-editor\">Realtime Collaborative Code Editor<\/h3>\n                <button class=\"iqa-toggle-details-btn\">\u25bc<\/button>\n            <\/div>\n            <div class=\"iqa-details text-gray-600\">\n                <p><strong>Project Details:<\/strong> A real-time collaborative code editor with syntax highlighting and theme support, using React, Node.js, and Socket.io for synchronization.<\/p>\n                <p><strong>Features:<\/strong><\/p>\n                <ul>\n                    <li>Real-time synchronization of code changes<\/li>\n                    <li>Syntax highlighting for JavaScript<\/li>\n                    <li>Support for multiple themes and language options<\/li>\n                    <li>Users can join, leave, and rejoin rooms<\/li>\n                    <li>Copy and share room ID easily<\/li>\n                    <li>Docker deployment support for ease of setup<\/li>\n                <\/ul>\n                <p><strong>Key Tools & Libraries:<\/strong><\/p>\n                <ul>\n                    <li>React.js, Node.js, Express.js, Socket.io<\/li>\n                    <li>CodeMirror for code editing<\/li>\n                    <li>Docker for deployment<\/li>\n                <\/ul>\n                <p><strong>Project Source Code:<\/strong> <a href=\"https:\/\/github.com\/Mohitur669\/Realtime-Collaborative-Code-Editor\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/p>\n            <\/div>\n            <div class=\"iqa-tags-container\">\n                <span class=\"iqa-tag iqa-difficulty-expert\">Expert<\/span>\n                <span class=\"iqa-tag iqa-popularity-medium\">Medium<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"iqa-project-item iqa-project-card\" data-difficulty=\"expert\" data-popularity=\"medium\">\n            <div class=\"iqa-project-header cursor-pointer\">\n                <h3 class=\"iqa-project-title\" class=\"iqa-project-title\" id=\"browser-based-video-editor-with-webassembly\">Browser-based Video Editor with WebAssembly<\/h3>\n                <button class=\"iqa-toggle-details-btn\">\u25bc<\/button>\n            <\/div>\n            <div class=\"iqa-details text-gray-600\">\n                <p><strong>Project Details:<\/strong> A browser-based video editor using WebAssembly and FFmpeg.wasm for trimming, splitting, rearranging clips, and changing aspect ratios.<\/p>\n                <p><strong>Features:<\/strong><\/p>\n                <ul>\n                    <li>Browser-based video editing<\/li>\n                    <li>Trim, split, and rearrange video clips<\/li>\n                    <li>Change video aspect ratio<\/li>\n                    <li>Concatenate multiple videos<\/li>\n                    <li>In-browser rendering using WebAssembly FFmpeg<\/li>\n                <\/ul>\n                <p><strong>Key Tools & Libraries:<\/strong><\/p>\n                <ul>\n                    <li>JavaScript<\/li>\n                    <li>WebAssembly (specifically FFmpeg.wasm)<\/li>\n                    <li>HTML, CSS<\/li>\n                <\/ul>\n                <p><strong>Project Source Code:<\/strong> <a href=\"https:\/\/github.com\/andrei828\/WebEditor\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/p>\n            <\/div>\n            <div class=\"iqa-tags-container\">\n                <span class=\"iqa-tag iqa-difficulty-expert\">Expert<\/span>\n                <span class=\"iqa-tag iqa-popularity-medium\">Medium<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"iqa-project-item iqa-project-card\" data-difficulty=\"expert\" data-popularity=\"medium\">\n            <div class=\"iqa-project-header cursor-pointer\">\n                <h3 class=\"iqa-project-title\" class=\"iqa-project-title\" id=\"supply-chain-transparency-with-nfts-and-blockchain\">Supply Chain Transparency with NFTs and Blockchain<\/h3>\n                <button class=\"iqa-toggle-details-btn\">\u25bc<\/button>\n            <\/div>\n            <div class=\"iqa-details text-gray-600\">\n                <p><strong>Project Details:<\/strong> A blockchain-based system using NFTs to track goods in a supply chain, ensuring transparency and real-time monitoring.<\/p>\n                <p><strong>Features:<\/strong><\/p>\n                <ul>\n                    <li>NFT-based tracking of goods<\/li>\n                    <li>Transparent and secure supply chain<\/li>\n                    <li>Real-time monitoring of goods movement<\/li>\n                    <li>Advanced reporting and analytics<\/li>\n                    <li>Blockchain-based system<\/li>\n                <\/ul>\n                <p><strong>Key Tools & Libraries:<\/strong><\/p>\n                <ul>\n                    <li>JavaScript<\/li>\n                    <li>Node.js<\/li>\n                    <li>Blockchain technology (e.g., Ethereum)<\/li>\n                    <li>Truffle<\/li>\n                <\/ul>\n                <p><strong>Project Source Code:<\/strong> <a href=\"https:\/\/github.com\/Madhesh-V\/Supplychain-using-blockchain\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/p>\n            <\/div>\n            <div class=\"iqa-tags-container\">\n                <span class=\"iqa-tag iqa-difficulty-expert\">Expert<\/span>\n                <span class=\"iqa-tag iqa-popularity-medium\">Medium<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"iqa-project-item iqa-project-card\" data-difficulty=\"expert\" data-popularity=\"high\">\n            <div class=\"iqa-project-header cursor-pointer\">\n                <h3 class=\"iqa-project-title\" class=\"iqa-project-title\" id=\"lets-chat-real-time-chat-application\">Let's Chat - Real-Time Chat Application<\/h3>\n                <button class=\"iqa-toggle-details-btn\">\u25bc<\/button>\n            <\/div>\n            <div class=\"iqa-details text-gray-600\">\n                <p><strong>Project Details:<\/strong> A real-time chat app with user authentication, chat room creation, and features like emoji picker and dark mode, built with React and Firebase.<\/p>\n                <p><strong>Features:<\/strong><\/p>\n                <ul>\n                    <li>Real-time messaging using Socket.io<\/li>\n                    <li>User registration\/login with Firebase authentication<\/li>\n                    <li>Chat room creation and member management<\/li>\n                    <li>Profile page with avatar updates<\/li>\n                    <li>Search functionality and online status display<\/li>\n                    <li>Emoji picker and dark mode support<\/li>\n                <\/ul>\n                <p><strong>Key Tools & Libraries:<\/strong><\/p>\n                <ul>\n                    <li>React, TailwindCSS (Frontend)<\/li>\n                    <li>Firebase (Authentication)<\/li>\n                    <li>Node.js, Express (Backend)<\/li>\n                    <li>MongoDB (Database)<\/li>\n                    <li>Socket.io (Real-time communication)<\/li>\n                <\/ul>\n                <p><strong>Project Source Code:<\/strong> <a href=\"https:\/\/github.com\/earthcomfy\/lets-chat\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/p>\n            <\/div>\n            <div class=\"iqa-tags-container\">\n                <span class=\"iqa-tag iqa-difficulty-expert\">Expert<\/span>\n                <span class=\"iqa-tag iqa-popularity-high\">High<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"iqa-project-item iqa-project-card\" data-difficulty=\"expert\" data-popularity=\"medium\">\n            <div class=\"iqa-project-header cursor-pointer\">\n                <h3 class=\"iqa-project-title\" class=\"iqa-project-title\" id=\"aws-file-uploader-file-upload-download-with-aws-s3\">AWS File Uploader - File Upload & Download with AWS S3<\/h3>\n                <button class=\"iqa-toggle-details-btn\">\u25bc<\/button>\n            <\/div>\n            <div class=\"iqa-details text-gray-600\">\n                <p><strong>Project Details:<\/strong> A file upload and download system using AWS S3 for storage, React for the frontend, and Node.js with Express for the backend.<\/p>\n                <p><strong>Features:<\/strong><\/p>\n                <ul>\n                    <li>Upload files to AWS S3 using Node.js<\/li>\n                    <li>Download files directly from S3 via a generated URL<\/li>\n                    <li>Frontend built with React<\/li>\n                    <li>Supports basic file upload and download functionality<\/li>\n                    <li>Backend powered by Express.js, with file handling using Multer and AWS SDK<\/li>\n                <\/ul>\n                <p><strong>Key Tools & Libraries:<\/strong><\/p>\n                <ul>\n                    <li>React.js (Frontend)<\/li>\n                    <li>Node.js, Express.js (Backend)<\/li>\n                    <li>AWS S3 (Storage)<\/li>\n                    <li>Multer (File handling)<\/li>\n                    <li>AWS SDK (Interaction with AWS S3)<\/li>\n                <\/ul>\n                <p><strong>Project Source Code:<\/strong> <a href=\"https:\/\/github.com\/shaikahmadnawaz\/aws-file-uploader\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/p>\n            <\/div>\n            <div class=\"iqa-tags-container\">\n                <span class=\"iqa-tag iqa-difficulty-expert\">Expert<\/span>\n                <span class=\"iqa-tag iqa-popularity-medium\">Medium<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"iqa-project-item iqa-project-card\" data-difficulty=\"expert\" data-popularity=\"medium\">\n            <div class=\"iqa-project-header cursor-pointer\">\n                <h3 class=\"iqa-project-title\" class=\"iqa-project-title\" id=\"image-identification-app\">Image Identification App<\/h3>\n                <button class=\"iqa-toggle-details-btn\">\u25bc<\/button>\n            <\/div>\n            <div class=\"iqa-details text-gray-600\">\n                <p><strong>Project Details:<\/strong> A web app that identifies objects in uploaded images or URLs using TensorFlow.js and MobileNet, deployed on Firebase.<\/p>\n                <p><strong>Features:<\/strong><\/p>\n                <ul>\n                    <li>Upload an image or use an image URL for identification<\/li>\n                    <li>Identify objects in the image using the MobileNet model<\/li>\n                    <li>View recent images you\u2019ve tried for identification<\/li>\n                    <li>Deployed on Firebase for easy access<\/li>\n                <\/ul>\n                <p><strong>Key Tools & Libraries:<\/strong><\/p>\n                <ul>\n                    <li>React (Frontend)<\/li>\n                    <li>TensorFlow.js (Machine Learning)<\/li>\n                    <li>MobileNet (Pre-trained image classification model)<\/li>\n                    <li>Firebase (Hosting)<\/li>\n                <\/ul>\n                <p><strong>Project Source Code:<\/strong> <a href=\"https:\/\/github.com\/AIAnytime\/Image-Identification-App\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/p>\n            <\/div>\n            <div class=\"iqa-tags-container\">\n                <span class=\"iqa-tag iqa-difficulty-expert\">Expert<\/span>\n                <span class=\"iqa-tag iqa-popularity-medium\">Medium<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"iqa-project-item iqa-project-card\" data-difficulty=\"expert\" data-popularity=\"medium\">\n            <div class=\"iqa-project-header cursor-pointer\">\n                <h3 class=\"iqa-project-title\" class=\"iqa-project-title\" id=\"reactjs-voice-controllable-website\">Reactjs Voice Controllable Website<\/h3>\n                <button class=\"iqa-toggle-details-btn\">\u25bc<\/button>\n            <\/div>\n            <div class=\"iqa-details text-gray-600\">\n                <p><strong>Project Details:<\/strong> A React-based website controllable via voice commands, integrated with the YouTube Data API for video playback and navigation.<\/p>\n                <p><strong>Features:<\/strong><\/p>\n                <ul>\n                    <li>Voice-controlled navigation and scrolling<\/li>\n                    <li>Voice-controlled video playback from YouTube<\/li>\n                    <li>Pagination and history navigation using voice commands<\/li>\n                    <li>Dynamic voice search functionality<\/li>\n                    <li>Smooth integration with YouTube API for fetching videos<\/li>\n                    <li>Voice-controlled form filling<\/li>\n                <\/ul>\n                <p><strong>Key Tools & Libraries:<\/strong><\/p>\n                <ul>\n                    <li>React (Frontend)<\/li>\n                    <li>YouTube Data API (Video fetching)<\/li>\n                    <li>Speech Synthesis & Recognition (Voice control)<\/li>\n                <\/ul>\n                <p><strong>Project Source Code:<\/strong> <a href=\"https:\/\/github.com\/RamanSharma100\/Reactjs-voice-controllable-website\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/p>\n            <\/div>\n            <div class=\"iqa-tags-container\">\n                <span class=\"iqa-tag iqa-difficulty-expert\">Expert<\/span>\n                <span class=\"iqa-tag iqa-popularity-medium\">Medium<\/span>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n\n\n<div class=\"course-article-section\">\n    <h2 id=\"explore-related-courses\">Explore Related Courses<\/h2>\n    <div class=\"course-article-list\">\n        <a class=\"cta-link course-article-card\" href=\"https:\/\/www.mygreatlearning.com\/web-development\/free-courses\">Free Web Development Courses<\/a>\n        <a class=\"cta-link course-article-card\" href=\"https:\/\/onlineexeced.mccombs.utexas.edu\/online-full-stack-software-development-course\">Full Stack Developer Course<\/a>\n        <a class=\"cta-link course-article-card\" href=\"https:\/\/www.mygreatlearning.com\/academy\/learn-for-free\/courses\/react-js-tutorial\">Free React.js Course<\/a>\n        <a class=\"cta-link course-article-card\" href=\"https:\/\/www.mygreatlearning.com\/academy\/learn-for-free\/courses\/node-js\">Node.js<\/a>\n        <a class=\"cta-link course-article-card\" href=\"https:\/\/www.mygreatlearning.com\/academy\/learn-for-free\/courses\/introduction-to-javascript\">Free Javascript Course<\/a>\n    <\/div>\n<\/div>\n\n<div class=\"course-article-section\">\n    <h2 id=\"related-articles-and-resources\">Related Articles and Resources<\/h2>\n    <div class=\"course-article-list\">\n        <a href=\"https:\/\/www.mygreatlearning.com\/blog\/career-in-web-development\/\" class=\"course-article-card\">\n            How to Become a Web Developer\n        <\/a>\n        <a href=\"https:\/\/www.mygreatlearning.com\/blog\/front-end-developer-interview-questions\/\" class=\"course-article-card\">\n            Front End Developer Interview Questions\n        <\/a>\n        <a href=\"https:\/\/www.mygreatlearning.com\/blog\/front-end-developer-guide\/\" class=\"course-article-card\">\n            How to Become a Front End Developer\n        <\/a>\n        <a href=\"https:\/\/www.mygreatlearning.com\/blog\/back-end-developer\/\" class=\"course-article-card\">\n            How to Become a Back-end Developer\n        <\/a>\n    <\/div>\n<\/div>\n\n\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>This page lists web development projects. The projects are divided into two categories: beginner and expert. Beginner projects focus on fundamental concepts, such as DOM manipulation, basic UI design, and API integration. Expert projects tackle advanced challenges, including real-time collaboration, serverless architectures, blockchain, and machine learning integration. Ready to Master Web Development? Check out our [&hellip;]<\/p>\n","protected":false},"author":41,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","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":"","ast-breadcrumbs-content":"","ast-featured-img":"","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":"var(--ast-global-color-4)","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":[25860],"tags":[36852,36870],"class_list":["post-108363","page","type-page","status-publish","hentry","category-software","tag-it-projects","tag-projects"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.3 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Top 36+ Web Development Project Ideas with Source Code<\/title>\n<meta name=\"description\" content=\"Discover the best web development project ideas, including practical examples with source code. Ideal for both beginners and experts.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.mygreatlearning.com\/blog\/web-development-project-ideas\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web Development Projects\" \/>\n<meta property=\"og:description\" content=\"Discover the best web development project ideas, including practical examples with source code. Ideal for both beginners and experts.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.mygreatlearning.com\/blog\/web-development-project-ideas\/\" \/>\n<meta property=\"og:site_name\" content=\"Great Learning Blog: Free Resources what Matters to shape your Career!\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/GreatLearningOfficial\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@Great_Learning\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.mygreatlearning.com\\\/blog\\\/web-development-project-ideas\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.mygreatlearning.com\\\/blog\\\/web-development-project-ideas\\\/\"},\"author\":{\"name\":\"Great Learning Editorial Team\",\"@id\":\"https:\\\/\\\/www.mygreatlearning.com\\\/blog\\\/#\\\/schema\\\/person\\\/6f993d1be4c584a335951e836f2656ad\"},\"headline\":\"Web Development Projects\",\"datePublished\":\"2025-06-06T17:50:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.mygreatlearning.com\\\/blog\\\/web-development-project-ideas\\\/\"},\"wordCount\":3191,\"publisher\":{\"@id\":\"https:\\\/\\\/www.mygreatlearning.com\\\/blog\\\/#organization\"},\"keywords\":[\"it projects\",\"projects\"],\"articleSection\":[\"IT\\\/Software Development\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.mygreatlearning.com\\\/blog\\\/web-development-project-ideas\\\/\",\"url\":\"https:\\\/\\\/www.mygreatlearning.com\\\/blog\\\/web-development-project-ideas\\\/\",\"name\":\"Top 36+ Web Development Project Ideas with Source Code\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.mygreatlearning.com\\\/blog\\\/#website\"},\"datePublished\":\"2025-06-06T17:50:48+00:00\",\"description\":\"Discover the best web development project ideas, including practical examples with source code. Ideal for both beginners and experts.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.mygreatlearning.com\\\/blog\\\/web-development-project-ideas\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.mygreatlearning.com\\\/blog\\\/web-development-project-ideas\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.mygreatlearning.com\\\/blog\\\/web-development-project-ideas\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/www.mygreatlearning.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Development Projects\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.mygreatlearning.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.mygreatlearning.com\\\/blog\\\/\",\"name\":\"Great Learning Blog\",\"description\":\"Learn, Upskill &amp; Career Development Guide and Resources\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.mygreatlearning.com\\\/blog\\\/#organization\"},\"alternateName\":\"Great Learning\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.mygreatlearning.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.mygreatlearning.com\\\/blog\\\/#organization\",\"name\":\"Great Learning\",\"url\":\"https:\\\/\\\/www.mygreatlearning.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.mygreatlearning.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.mygreatlearning.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/GL-Logo.jpg\",\"contentUrl\":\"https:\\\/\\\/www.mygreatlearning.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/GL-Logo.jpg\",\"width\":900,\"height\":900,\"caption\":\"Great Learning\"},\"image\":{\"@id\":\"https:\\\/\\\/www.mygreatlearning.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/GreatLearningOfficial\\\/\",\"https:\\\/\\\/x.com\\\/Great_Learning\",\"https:\\\/\\\/www.instagram.com\\\/greatlearningofficial\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/school\\\/great-learning\\\/\",\"https:\\\/\\\/in.pinterest.com\\\/greatlearning12\\\/\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/beaconelearning\\\/\"],\"description\":\"Great Learning is a leading global ed-tech company for professional training and higher education. It offers comprehensive, industry-relevant, hands-on learning programs across various business, technology, and interdisciplinary domains driving the digital economy. These programs are developed and offered in collaboration with the world's foremost academic institutions.\",\"email\":\"info@mygreatlearning.com\",\"legalName\":\"Great Learning Education Services Pvt. Ltd\",\"foundingDate\":\"2013-11-29\",\"numberOfEmployees\":{\"@type\":\"QuantitativeValue\",\"minValue\":\"1001\",\"maxValue\":\"5000\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.mygreatlearning.com\\\/blog\\\/#\\\/schema\\\/person\\\/6f993d1be4c584a335951e836f2656ad\",\"name\":\"Great Learning Editorial Team\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.mygreatlearning.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/unnamed.webp\",\"url\":\"https:\\\/\\\/www.mygreatlearning.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/unnamed.webp\",\"contentUrl\":\"https:\\\/\\\/www.mygreatlearning.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/unnamed.webp\",\"caption\":\"Great Learning Editorial Team\"},\"description\":\"The Great Learning Editorial Staff includes a dynamic team of subject matter experts, instructors, and education professionals who combine their deep industry knowledge with innovative teaching methods. Their mission is to provide learners with the skills and insights needed to excel in their careers, whether through upskilling, reskilling, or transitioning into new fields.\",\"sameAs\":[\"https:\\\/\\\/www.mygreatlearning.com\\\/\",\"https:\\\/\\\/in.linkedin.com\\\/school\\\/great-learning\\\/\",\"https:\\\/\\\/x.com\\\/https:\\\/\\\/twitter.com\\\/Great_Learning\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCObs0kLIrDjX2LLSybqNaEA\"],\"award\":[\"Best EdTech Company of the Year 2024\",\"Education Economictimes Outstanding Education\\\/Edtech Solution Provider of the Year 2024\",\"Leading E-learning Platform 2024\"],\"url\":\"https:\\\/\\\/www.mygreatlearning.com\\\/blog\\\/author\\\/greatlearning\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Top 36+ Web Development Project Ideas with Source Code","description":"Discover the best web development project ideas, including practical examples with source code. Ideal for both beginners and experts.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.mygreatlearning.com\/blog\/web-development-project-ideas\/","og_locale":"en_US","og_type":"article","og_title":"Web Development Projects","og_description":"Discover the best web development project ideas, including practical examples with source code. Ideal for both beginners and experts.","og_url":"https:\/\/www.mygreatlearning.com\/blog\/web-development-project-ideas\/","og_site_name":"Great Learning Blog: Free Resources what Matters to shape your Career!","article_publisher":"https:\/\/www.facebook.com\/GreatLearningOfficial\/","twitter_card":"summary_large_image","twitter_site":"@Great_Learning","twitter_misc":{"Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.mygreatlearning.com\/blog\/web-development-project-ideas\/#article","isPartOf":{"@id":"https:\/\/www.mygreatlearning.com\/blog\/web-development-project-ideas\/"},"author":{"name":"Great Learning Editorial Team","@id":"https:\/\/www.mygreatlearning.com\/blog\/#\/schema\/person\/6f993d1be4c584a335951e836f2656ad"},"headline":"Web Development Projects","datePublished":"2025-06-06T17:50:48+00:00","mainEntityOfPage":{"@id":"https:\/\/www.mygreatlearning.com\/blog\/web-development-project-ideas\/"},"wordCount":3191,"publisher":{"@id":"https:\/\/www.mygreatlearning.com\/blog\/#organization"},"keywords":["it projects","projects"],"articleSection":["IT\/Software Development"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.mygreatlearning.com\/blog\/web-development-project-ideas\/","url":"https:\/\/www.mygreatlearning.com\/blog\/web-development-project-ideas\/","name":"Top 36+ Web Development Project Ideas with Source Code","isPartOf":{"@id":"https:\/\/www.mygreatlearning.com\/blog\/#website"},"datePublished":"2025-06-06T17:50:48+00:00","description":"Discover the best web development project ideas, including practical examples with source code. Ideal for both beginners and experts.","breadcrumb":{"@id":"https:\/\/www.mygreatlearning.com\/blog\/web-development-project-ideas\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.mygreatlearning.com\/blog\/web-development-project-ideas\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.mygreatlearning.com\/blog\/web-development-project-ideas\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.mygreatlearning.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Web Development Projects"}]},{"@type":"WebSite","@id":"https:\/\/www.mygreatlearning.com\/blog\/#website","url":"https:\/\/www.mygreatlearning.com\/blog\/","name":"Great Learning Blog","description":"Learn, Upskill &amp; Career Development Guide and Resources","publisher":{"@id":"https:\/\/www.mygreatlearning.com\/blog\/#organization"},"alternateName":"Great Learning","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.mygreatlearning.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.mygreatlearning.com\/blog\/#organization","name":"Great Learning","url":"https:\/\/www.mygreatlearning.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.mygreatlearning.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.mygreatlearning.com\/blog\/wp-content\/uploads\/2022\/06\/GL-Logo.jpg","contentUrl":"https:\/\/www.mygreatlearning.com\/blog\/wp-content\/uploads\/2022\/06\/GL-Logo.jpg","width":900,"height":900,"caption":"Great Learning"},"image":{"@id":"https:\/\/www.mygreatlearning.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/GreatLearningOfficial\/","https:\/\/x.com\/Great_Learning","https:\/\/www.instagram.com\/greatlearningofficial\/","https:\/\/www.linkedin.com\/school\/great-learning\/","https:\/\/in.pinterest.com\/greatlearning12\/","https:\/\/www.youtube.com\/user\/beaconelearning\/"],"description":"Great Learning is a leading global ed-tech company for professional training and higher education. It offers comprehensive, industry-relevant, hands-on learning programs across various business, technology, and interdisciplinary domains driving the digital economy. These programs are developed and offered in collaboration with the world's foremost academic institutions.","email":"info@mygreatlearning.com","legalName":"Great Learning Education Services Pvt. Ltd","foundingDate":"2013-11-29","numberOfEmployees":{"@type":"QuantitativeValue","minValue":"1001","maxValue":"5000"}},{"@type":"Person","@id":"https:\/\/www.mygreatlearning.com\/blog\/#\/schema\/person\/6f993d1be4c584a335951e836f2656ad","name":"Great Learning Editorial Team","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.mygreatlearning.com\/blog\/wp-content\/uploads\/2022\/02\/unnamed.webp","url":"https:\/\/www.mygreatlearning.com\/blog\/wp-content\/uploads\/2022\/02\/unnamed.webp","contentUrl":"https:\/\/www.mygreatlearning.com\/blog\/wp-content\/uploads\/2022\/02\/unnamed.webp","caption":"Great Learning Editorial Team"},"description":"The Great Learning Editorial Staff includes a dynamic team of subject matter experts, instructors, and education professionals who combine their deep industry knowledge with innovative teaching methods. Their mission is to provide learners with the skills and insights needed to excel in their careers, whether through upskilling, reskilling, or transitioning into new fields.","sameAs":["https:\/\/www.mygreatlearning.com\/","https:\/\/in.linkedin.com\/school\/great-learning\/","https:\/\/x.com\/https:\/\/twitter.com\/Great_Learning","https:\/\/www.youtube.com\/channel\/UCObs0kLIrDjX2LLSybqNaEA"],"award":["Best EdTech Company of the Year 2024","Education Economictimes Outstanding Education\/Edtech Solution Provider of the Year 2024","Leading E-learning Platform 2024"],"url":"https:\/\/www.mygreatlearning.com\/blog\/author\/greatlearning\/"}]}},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"web-stories-poster-portrait":false,"web-stories-publisher-logo":false,"web-stories-thumbnail":false},"uagb_author_info":{"display_name":"Great Learning Editorial Team","author_link":"https:\/\/www.mygreatlearning.com\/blog\/author\/greatlearning\/"},"uagb_comment_info":0,"uagb_excerpt":"This page lists web development projects. The projects are divided into two categories: beginner and expert. Beginner projects focus on fundamental concepts, such as DOM manipulation, basic UI design, and API integration. Expert projects tackle advanced challenges, including real-time collaboration, serverless architectures, blockchain, and machine learning integration. Ready to Master Web Development? Check out our&hellip;","_links":{"self":[{"href":"https:\/\/www.mygreatlearning.com\/blog\/wp-json\/wp\/v2\/pages\/108363","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mygreatlearning.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mygreatlearning.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mygreatlearning.com\/blog\/wp-json\/wp\/v2\/users\/41"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mygreatlearning.com\/blog\/wp-json\/wp\/v2\/comments?post=108363"}],"version-history":[{"count":7,"href":"https:\/\/www.mygreatlearning.com\/blog\/wp-json\/wp\/v2\/pages\/108363\/revisions"}],"predecessor-version":[{"id":108377,"href":"https:\/\/www.mygreatlearning.com\/blog\/wp-json\/wp\/v2\/pages\/108363\/revisions\/108377"}],"wp:attachment":[{"href":"https:\/\/www.mygreatlearning.com\/blog\/wp-json\/wp\/v2\/media?parent=108363"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mygreatlearning.com\/blog\/wp-json\/wp\/v2\/categories?post=108363"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mygreatlearning.com\/blog\/wp-json\/wp\/v2\/tags?post=108363"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}