JenAI: Advanced AI Programming Chatbot with GPT-4o Integration #1602
Description
Project Overview
Build JenAI, a full-stack website hosted within the lencx/ChatGPT repository. JenAI will be an advanced AI chatbot platform tailored for code programming support by leveraging direct integration with GPT-4o.
Key Requirements
- Dark-themed UI: All pages and components should default to a visually appealing dark mode.
- State-of-the-art Animations and Effects: Buttons, page transitions, and UI elements should feature modern, smooth animations, including mouse movement-driven effects.
- Frontend: Use Next.js or a compatible modern framework with Framer Motion and Tailwind CSS for styling and animation. UI/UX should be engaging and ultra-responsive.
- Backend: Node.js/Express with TypeScript (or use the repo's existing backend stack). Ensure robust error handling, security, and smooth API connections.
- Database: Implement PostgreSQL (via Prisma ORM or repo-supported ORM) for high-performance and reliability.
- AI Engine: Integrate GPT-4o via API as the core chatbot engine focused on code/programming questions. The chatbot should not require users to build their own models.
- Authentication: Secure, user-friendly authentication flows.
- Performance and Accessibility: Optimize for speed, cross-device compatibility, and accessibility best practices.
Acceptance Criteria
- JenAI is visually stunning, fast, and highly interactive.
- All UI components have polished animations and dark mode consistency.
- Mouse movement influences subtle UI effects.
- Frontend and backend are securely connected.
- GPT-4o powers real-time code programming support.
- Database operations are fast and reliable.
- Codebase follows best practices for scalability and extensibility.
Implementation Notes
- Adhere to lencx/ChatGPT repository standards and conventions.
- Document setup, usage, and integration steps.
- Make sure the architecture allows for future enhancements.
If you need code snippets or have design preferences for specific components, please specify which areas to expand further.