AI Web App Development 101

This is an AI-powered search web application built on Google Search. It retrieves search results based on user queries and offers detailed insights. For services or products, the AI provides information such as prices, benefits, drawbacks, and potential side effects, and organizes products by price from lowest to highest.

The AI Mental Health Assistant is a web-based platform designed to help users manage their mental health by offering advice, guided meditation, and a safe space to share their thoughts. This tool uses artificial intelligence to provide personalized advice based on user inputs, such as feelings and mood. Features 1 User Input and Interaction Text-based conversation: Users can type in their queries or describe their feelings, and the AI will respond with personalized mental health advice. Mood tracking: Users can also indicate their mood, helping the assistant tailor responses more accurately. AI-Powered Responses The assistant uses OpenAI’s GPT-* model to generate relevant mental health advice. Based on the user's input, the system can respond with calming suggestions, stress-relief tips, or other mental health resources. Guided Meditation Player If the AI detects signs of stress or anxiety in the user's input, it suggests a guided meditation session to help calm the user. The player is embedded from YouTube, where users can follow along with the session. Chatbot UI The user can interact with a chatbot styled with relaxing themes and calming colors, making it a comfortable and non-threatening experience. It provides a friendly and soothing interface, perfect for people with mental health concerns. Dialog Box and Interaction A button allows the user to open the chatbot at any time. Once open, the chatbot is displayed in a dialog box that can be minimized or closed. Personalization The assistant adapts based on user input, including feelings and mood, offering personalized responses. Key Components: components/chatBot.tsx: This is the main component that handles the user interface for the chatbot. It includes text input fields, message display areas, and a button to open the chatbot. components/healthPrompt.tsx: This file contains the prompt templates sent to the OpenAI API. It includes the system message that initializes the assistant and formats the user’s query. hooks/useOpenAI.ts: A custom React hook used to interact with the OpenAI API. It handles generating responses based on user inputs and mood. UI Components: Button: Used for interactions (e.g., opening the chatbot, sending messages). Textarea: Allows the user to input longer messages to describe their feelings or concerns. Input: Used for quick responses, like providing a mood (e.g., "anxious", "stressed"). Dialog: A modal window that opens with the chatbot interface. Avatar: Displays user and assistant avatars for personalization. NOTE: create your .env. file and use APi from openai .

Vegetable description generator is an AI powered application designed to provide to users description, describing that specific vegetable and how to use it.

Our AI-powered film suggestion system leverages the capabilities of OpenAI's powerful natural language processing models to provide personalized movie recommendations based on user input. By integrating with the OpenAI API, our system allows users to simply enter the name of a film they've watched and select their preferred movie genre. Using advanced machine learning techniques such as collaborative filtering and content-based filtering, the system analyzes the user's input and compares it with a vast dataset of films. It then generates tailored recommendations of similar movies that match the user's preferences. Whether users are seeking action-packed blockbusters or heartwarming dramas, our AI system delivers accurate and relevant film suggestions, enhancing their movie-watching experience.

Experience lifelike conversations with your favorite famous characters through Ai-persona. Interact as if you're chatting with the genuine article. Discover it at: https://ai-persona-1.vercel.app

Name Characteristics Generator" is an AI-powered application designed to provide users with insights into the symbolic meanings and personality traits associated with their names. Users simply input a name of their choice, and the app generates a concise summary of common characteristics typically associated with that name. find the app at https://name-characteristics-generator.vercel.app/

Welcome to the AI-Enhanced Event Planner! This innovative application harnesses the capabilities of OpenAI's GPT-3.5 Turbo model to provide you with seamless event planning support. With its ability to suggest theme-based activities, create schedules, and estimate budgets based on your input, event planning has never been more effortless.

The MVP AI app is a domain name generator tailored for businesses from different locations,sectors, offering users the ability to effortlessly find domain names that combine their industry with their location. This tool streamlines the process of securing a memorable and relevant online presence, making it easier for companies to establish themselves in the digital landscape.

The app is a short-story generator, the user input the targetted age and the genre and the type of the story. it also has these features * Respond to the user, that the input parameters do not match, and it can not make a story * A prompt that incorporates the user's parameters and then generates a story from it * A basic UI that allows user to generate their stories * A hoverable information text that gives the user which examples of genres and types

Experience lifelike conversations with your favorite famous characters through Ai-persona. Interact as if you're chatting with the genuine article. Discover it at: https://ai-persona-1.vercel.app

I developed a web application called MovieMuse. It helps users search for movies similar to the one they submit. The application is deployed on Netlify, and you can find the link on GitHub along with the code, including the conversation with ChatGPT.

Study Buddy AI is an innovative AI-powered education app designed to provide academic assistance and answer your questions across various subjects. With Study Buddy AI, you can get step-by-step solutions and explanations for your academic inquiries, making it the perfect study companion.

Here's my submission for this web app. Honestly, I learnt a lot. I had heard about how people can now create full websites through GPT but I didn't try it further as I wasn't aware about how many prompts it needed. You enter a character name with the anime Verse you want to be in. For example "Kinosxz in Attack on Titan" Here is my [GPT Converstation](https://chat.openai.com/share/1dff46a3-aab7-4ce0-82ba-dd048197e41c)

I have developed a React-based web application called NewsSummarizer. It is deployed at https://relaxed-twilight-677ed9.netlify.app/. This application allows users to conveniently summarize news articles by simply pasting the article URL. NewsSummarizer utilizes the power of the OpenAI API to generate concise and informative summaries. It leverages advanced Natural Language Processing techniques to analyze the article's content and provide users with a quick overview. With NewsSummarizer, users can stay informed without the need to read lengthy articles. It is designed to be user-friendly and offers a seamless experience. By pasting the article URL into the application, users can access a summarized version of the article, saving them time and effort. codeSandbox url: https://codesandbox.io/s/ai-news-for-dacade-d3f6s6?file=/public/index.html

A Business Idea Generator that only requires budget as input and generates a step-by-step guide to start that business idea. Thanks for the workshop was pretty interesting, and Hope to attend other workshops for JavaScript development.