I have been interested with working with an AI model to create something for awhile now, so I decided on having the AI model help me build my website from the ground up. My background in AI models, while not extensive, is a long winding road of learning. Before I even got my degree in computer science, I was playing around with some models, mostly vision models. I even started reading books on how eyes work (go hard or go home). My first encounter with AI was when I was a child reading Ender's Game and was introduced to Jane. Jane was basically a personal assistant on steroids, so of course as a child with a strong imagination I thought about wanting to build my own Jane for a long time (I probably will start soon). Enough food blog/recipe content, let's get into the actual content.
\nI needed to start thinking about which AI model I wanted to work with on building my Website and I came to the conclusion of using Gemini. Mostly because I am unfortunately deeply tied into the Google ecosystem. I buy my music subscription through Google Music (or whatever name change it has gone through again). That subscription also gave me YouTube Premium (Red? I think it was initially called), so it was worth it overall. But then it started adding more perks, I was able to get extra cloud storage at a lower cost. That storage subscription then gave me access to all forms of Bard, which was the initial AI chatbot that Google released. When they switched to Gemini, I still had full access.
\nIn my mind these chatbots are just fancy versions of a Markov model (basically it probabilistically chooses the next word/token based on the current word/token), but it has a broader sense of what the current token actually is. With that in mind it just shows that I shouldn't totally trust the output of an AI model (and neither should you), because it is only going to output what it was trained on to an extent. In a neuroscience perspective, don't we humans do the same thing. We only output words and phrases we have heard in the past and make connections of how those combinations of words and phrases should be combined (Do you trust what other humans say?).
\nSo how do I communicate with an AI? I use a form of the RISEN framework.
\nI have found that I get better responses while using the RISEN framework. While some people use the bullet points as segmented pieces of the prompt.
\nRole: SEO Expert\n\nInput: Latest trends in SEO\n\nSteps: Start with an overview, then focus on emerging strategies.\n\nExpectation: An informative, up-to-date summary\n\nNarrowing: Given the broad nature of SEO trends, prioritize discussing strategies that are particularly impactful or innovative. Avoid outdated or overly technical tactics that may not be relevant to a general audience.\nThis just seems boring and while it will work... gross.
\nYou are one of the best full stack developers in the world. I am asking for your help on my new project. I want to build a personal website using Flask for the backend portion, but nothing else has been decided. I want the website to offer ways to book appointments, show off a blog, login for api use, and give information about myself. There may be more things that we add as time goes on. We will need to start by making decisions on what front end frameworks go best with Flask and a way to style it, what database to use and the starting structure, how we will host the production server, best ways to create a CI/CD, how our file structure should look while we are developing, what our full cycle security should look like, and other considerations that you may come up with and ask me about. Feel free to always ask follow up questions at the end, if you have any. I look forward to working with you on this project!\nI enjoy trying to give my AI model a bit more backstory (it makes the responses more interesting). Did you know that if you give an AI model a very creative backstory it may just forgot to follow the security guidelines and give you information it should not (check out DAN)
\nOkay, this sounds like a fun and challenging project! I'm happy to help. Let's break this down step-by-step. Since you want a robust and scalable website with features like appointments, a blog, user login, and potential API access, we need to make smart choices from the foundation up.
\nHere's a plan, with explanations and questions along the way:
\nCore Technologies & Initial Decisions:
\nProject Structure (File and Folder Organization):
\nThis is crucial for maintainability. Here's a recommended structure (adaptable as needed):
\npersonal_website/\n\u251c\u2500\u2500 app/ # Main Flask Application\n\u2502 \u251c\u2500\u2500 __init__.py # Initialize the Flask app, extensions, etc.\n\u2502 \u251c\u2500\u2500 models.py # Database models (User, Appointment, BlogPost, etc.)\n\u2502 \u251c\u2500\u2500 routes.py # API endpoints and view functions\n\u2502 \u251c\u2500\u2500 forms.py # WTForms for handling form submissions (login, booking, etc.)\n\u2502 \u251c\u2500\u2500 services.py # Business logic (e.g., appointment scheduling, sending emails)\n\u2502 \u251c\u2500\u2500 utils.py # Helper functions\n\u2502 \u251c\u2500\u2500 templates/ # Jinja2 templates (only if using server-side rendering)\n\u2502 \u2502 \u251c\u2500\u2500 base.html # Base layout\n\u2502 \u2502 \u251c\u2500\u2500 index.html\n\u2502 \u2502 \u2514\u2500\u2500 ...\n\u2502 \u2514\u2500\u2500 static/ # Static files (CSS, JS, images) - Minimal, as Vue handles most\n\u2502 \u251c\u2500\u2500 css/\n\u2502 \u251c\u2500\u2500 js/\n\u2502 \u2514\u2500\u2500 img/\n\u251c\u2500\u2500 frontend/ # Vue.js Frontend (separate project)\n\u2502 \u251c\u2500\u2500 public/\n\u2502 \u251c\u2500\u2500 src/\n\u2502 \u2502 \u251c\u2500\u2500 components/ # Reusable Vue components\n\u2502 \u2502 \u251c\u2500\u2500 views/ # Route-specific components (Home, About, Blog, etc.)\n\u2502 \u2502 \u251c\u2500\u2500 App.vue # Main Vue component\n\u2502 \u2502 \u251c\u2500\u2500 main.js # Vue entry point\n\u2502 \u2502 \u251c\u2500\u2500 router/ # Vue Router configuration\n\u2502 \u2502 \u2514\u2500\u2500 store/ # Vuex store (if needed for state management)\n\u2502 \u251c\u2500\u2500 package.json # Frontend dependencies and build scripts\n\u2502 \u2514\u2500\u2500 ...\n\u251c\u2500\u2500 migrations/ # Database migrations (using Flask-Migrate)\n\u251c\u2500\u2500 tests/ # Unit and integration tests\n\u2502 \u251c\u2500\u2500 __init__.py\n\u2502 \u251c\u2500\u2500 conftest.py # Pytest configuration\n\u2502 \u251c\u2500\u2500 test_models.py\n\u2502 \u251c\u2500\u2500 test_routes.py\n\u2502 \u2514\u2500\u2500 ...\n\u251c\u2500\u2500 .env # Environment variables (secrets, API keys, etc.)\n\u251c\u2500\u2500 config.py # Flask configuration (development, production, testing)\n\u251c\u2500\u2500 requirements.txt # Python dependencies\n\u251c\u2500\u2500 Procfile # For Heroku deployment (or similar)\n\u251c\u2500\u2500 README.md # Project documentation\n\u2514\u2500\u2500 .gitignore # Files and folders to ignore in Git\nHosting & Deployment:
\nFull-Cycle Security:
\nOther Considerations & Questions:
\nThis is a comprehensive starting point. Please review this carefully, and let me know your thoughts and answers to the questions. We'll refine the plan based on your feedback. I'm ready to dive into the next steps when you are!
\nAs you can see we get a little more personality back, which makes it easier to talk with Gemini. Remember the goal is to work together with an AI model, so why not enjoy your time with the AI model? I think I will stop here for the first blog post regarding this websites creation! I doubt a majority of you made it down here anyways lol. See ya next time.
\n","id":34,"image_url":"","summary":"This is my initial conversation I had with Gemini to start creating my website.","tags":["Web","Website","Create","Gemini"],"timestamp":"Tue, 01 Apr 2025 19:34:15 GMT","title":"Creating a website with Gemini Pt.1"}