Step by step way to use cursorrules file to build entire project descriptions iteratively in Cursor

---

HERE IS THE FULL CURSORRULES I USED IN THE VIDEO  
  
-------------  
  
fastapi webapp dark mode with animated gradients and colors using anime js daisy ui and tailwind css. But we will also use some custom css for the animations and other effects and styles. main.py will be in root folder and run the app with main:app 127... port 8001 with reload  
  
make sure to create all necessary folders and files in the root folder.  
  
STEP 1:  
  
a beautiful header on the right say echohive apps and on the right learn to code LLM apps as an animated button  
  
each letter for echohive apps text will roll into position starting from the right of the screen on page load.  
  
when they are all in position the button pop into existence and when hovered over will grow in size and the text will move up and down  
  
buton will link to www.echohive.live  
  
STEP 2:  
  
After everything in header is in place a sizable and beautiful text area should pop into view  
  
there should be a beautiful send icon within the text area  
  
user can submit with enter or clicking send icon, shift enter will make a new line  
  
STEP 3:  
  
we will use this api call:  
  
from openai import OpenAI  
  
client = OpenAI()  
  
completion = client.chat.completions.create(  
  
model="gpt-4o",  
  
messages=[  
  
{"role": "system", "content": "You are a helpful assistant."},  
  
{  
  
"role": "user",  
  
"content": "Write a haiku about recursion in programming."  
  
}  
  
]  
  
)  
  
print(completion.choices[0].message)  
  
to get a summary of the text area content and display it below the text area in a beautiful and animated way with a amazing prominent and wild waiting animation while its processing  
  
make sure the api only returns a summary and nothing else  
  
----------------  
  
**HERE IS THE RULES FOR AI THAT I USE:**    
  
have termcolor printing very step of the way to inform the user  
  
every time we use with open use encoding="utf-8"  
  
major variables should be all caps Variables on top of the script and not user input taking unless otherwise specified  
  
if there are models in the script like gpt-4o or gpt-4o-mini or o1-mini or o1-preview do not change them as they now exist  
  
always use try except blocks with descriptive prints where necessary. have informative error printing  
  
lets implement every project with seperations of concerns in mind  
  
for api keys we use system variables not .env file with os.getenv(  
  
create and update requirements.txt without version numbers  

---

AI Summary

Summary of Video Transcript

• The video is a tutorial on building an animated web app using a step-by-step method with a personal rules file.
• The app is built incrementally, which allows for easy adjustments and additions to features.
• The app is a full-stack web app using FastAPI and is not limited to any specific type of app.
• The process involves defining the app in a cursor rules file and then implementing each step one by one.
• The tutorial covers the implementation of three steps:
  • Step 1: Creating an animated header.
  • Step 2: Adding a text area with a sound icon, which users can interact with by entering text or clicking.
  • Step 3: Implementing an API call to GPT-4 for summarizing text, with the summary displayed below the text area in an animated fashion.
• The tutorial emphasizes the benefits of building iteratively and the ability to describe the entire project in the cursor rules file.
• The creator also shares their personal rules for AI development, which includes preferences for coding practices and settings.
• The video concludes with a promotion of the creator’s website, courses, and patron benefits, including access to project files and one-on-one connections.

Detailed Instructions and URLs

• No specific CLI commands, website URLs, or detailed instructions were provided in the transcript summary provided.