Nir Kaufman nirkaufman

1) Create an OpenAI API key

Sign in at platform.openai.com → Settings → API keys.
Click Create new secret key → copy it and store securely (you can set key permissions if needed). ([platform.openai.com][1])

Go to Settings → Billing → Overview.
Click Add payment details and add a standard credit/debit card.
Choose $5 as the initial credit purchase → Confirm. (Minimum prepaid purchase is $5.) ([OpenAI Help Center][2])

    npx create-next-app@latest

You are going to create a personal blog using React. You will be practicing the following concepts:

	'use client'

	import { useState, useRef, useEffect, FormEvent } from 'react'
	import {streamChat, streamChatWithPromptTemplate} from "@/server/chat-action";

	type Message = {
	id: string
	role: 'user' \| 'ai'
	content: string
	}

	import './App.css';
	import {Header} from "./components/Header";
	import {Main} from "./components/Main";
	import {Footer} from "./components/Footer";

	function App() {
	const appTitle = 'TodosApp';

	const todos = [
	{title: 'Learn React', completed: false},

	import {PreloadingStrategy, Route} from "@angular/router";
	import {Observable, of} from "rxjs";
	import {Injectable} from "@angular/core";

	/**
	* Starting point for a CustomPreloading class from our live session!
	* You can (and should) customize it further more to meet your needs
	*/

	@Injectable({providedIn: 'root'})

	import { Component, ViewEncapsulation } from '@angular/core';
	import { NgxBlocklyConfig, NgxBlocklyGenerator } from 'ngx-blockly';


	@Component({
	selector: 'app-root',
	template: `
	<h1>Demo</h1>
	<ngx-blockly [config]="config" (javascriptCode)="onCode($event)"></ngx-blockly>
	`,

	import { NgModule } from '@angular/core';
	import { BrowserModule } from '@angular/platform-browser';
	import { NgxBlocklyModule } from 'ngx-blockly';
	import "blockly/blocks";

	import { AppComponent } from './app.component';

	@NgModule({
	declarations: [
	AppComponent

	import Reconciler from "react-reconciler";

	const hostConfig = {
	supportsMutation: true,
	supportsPersistence: false,
	noTimeout: -1,
	isPrimaryRenderer: true,
	supportsHydration: false,

	createInstance(type, props, rootContainer, hostContext, internalHandle) {