This is an example pet name generator app used in the JoyceAI Hands Dirtyquickstart tutorial. It uses the Next.js framework with React. Check out the tutorial or follow the instructions below to get set up.
-
If you don’t have Node.js installed, install it from here (Node.js version >= 14.6.0 required)
-
Clone this repository
-
Navigate into the project directory
$ cd openai-quickstart-node
-
Install the requirements
$ npm install
-
Make a copy of the example environment variables file
On Linux systems:
$ cp .env.example .env
On Windows:
$ copy .env.example .env
-
Add your API key to the newly created
.env
file -
Run the app
$ npm run dev
You should now be able to access the app at http://localhost:3000! For the full context behind this example app, check out the tutorial.
`// Import the functions you need from the SDKs you need import { initializeApp } from "firebase/app"; import { getAnalytics } from "firebase/analytics"; // TODO: Add SDKs for Firebase products that you want to use // https://firebase.google.com/docs/web/setup#available-libraries
// Your web app's Firebase configuration // For Firebase JS SDK v7.20.0 and later, measurementId is optional const firebaseConfig = { apiKey: "AIzaSyCy8E1DYY6ihI2I0Wv7HiXgGabE1LlKYB0", authDomain: "joyceai.firebaseapp.com", projectId: "joyceai", storageBucket: "joyceai.appspot.com", messagingSenderId: "127003728273", appId: "1:127003728273:web:eeb4cb24bf4b4038c0a230", measurementId: "G-EEQYM12CQ4" };
// Initialize Firebase const app = initializeApp(firebaseConfig); const analytics = getAnalytics(app);`# JoyceAI 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
"peerDependencies": { "react": ">=16.0.0", "react-dom": ">=16.0.0" },