BIRD-AI is a cutting-edge Software as a Service (SaaS) platform that leverages artificial intelligence to generate a wide range of imaginative content, including images, code, videos, and text.
- The platform seamlessly integrates the capabilities of OpenAI and Replicate AI, utilizing state-of-the-art artificial intelligence models for content generation.
- birdAI prioritizes data security and user privacy, implementing robust encryption and access controls to safeguard sensitive information.
- setup an next.js app
- add ui with shadcn
- create landing page
- create dashbord page
- Add user authentication using clerk
- add conversation page
- add openAI api to app
- create a new next.js app
- use routes group to organise folder structure without affecting browser route
- library for building user interface
- add shadcn-ui
- setup clerk for next.js
- setup middleware
- setup authentication folder
- setup sign-in and singn-up
- setup environment variables
-
create a sidebar
- responsive (hidden for mobile)
- add app logo & name on top
- add routes to different features
- use lucid-react to add logo
-
create a navbar
- add userProfile menu in navbar
- add toogle button to open/close sidebar (sheet) for mobile
- add cards to display features of app
- add links to navigate to pages
- create a conversation folder
- add heading element
- add form element
- form validation
- add zod to create schema
- constant file to store schema
- define form state (loading,submit)
- add user input element
- add userPrompt submit button
- create result display section
- display result generated from openAI api
- create api folder
- add api keys to env variables
- add openai package
- create route.ts to add routes
- setup configuration
- add POST method to send request
- add methods to catch resonse & error
- setup error message
- add conditionals to check for valid request