Building Chatgpt Messenger using Nextjs 2023

The workshop's goal is to provide a comprehensive understanding of Next.js and React.js in a two-day event. It covers React.js essentials, including JSX, components, and React Hooks. The afternoon delves into Next.js, introducing the framework, project creation, and API routing, with updates on Next.js v13.It also makes the participants to set up a ChatGPT Messenger project, integrating Firebase and OpenAI API, building the homepage, adding components like the sidebar and chat, and integrating NextAuth authentication. The afternoon focuses on ChatGPT API integration and Firebase deployment, including message functionality, notifications with React Hot Toast, OpenAI API, Firebase Admin, and project deployment on platforms like Github and Vercel

OCT 10TH -2023
Day 1: FN Session: NextJS Prerequisite – ReactJS Framework
• Introduction to React.js and Jsx
• Creating a new React.js Project
• Introduction to the file structure of React.js
• Working with React.js Components
• Understanding States and Props
• Learning some useful React Hooks
Day 1: AN Session: NextJS Framework
• Introduction to Next.js
• Creation of Next.js project and explanation of file structure of Next.js
• Explaining components in nextjs and file routing
• Explaning API routing Changes in Next.js v13
OCT 11TH -2023
Day 2: FN Session: Getting Started with the Project – ChatGPT Messenger
• Setting up Firebase
• Setting up OpenAI API Key
• Implementing new Next.js project and implementing Next.js v13 features.
• Building the Homepage of the project and implementing herocoins
• Building Side Bar and New Chat Components
• Implementing NextAuth Authentication with Firebase
• Building the Login Screen & Functionality
• Creating New Chat Functionality
• Implementing Delete Chat Functionality
Day 2: AN Session : Connecting to ChatGPT API and Deployment (Firebase)
• Building the Chat Section of the Homepage
• Implementing Message functionality
• Implementing React Hot Toast Library for Notifications
• Setting up OpenAI API (contd.) and Firebase Admin
• Building the message component
• Implementing use SWR Testing the Project functionalities
• Uploading on Github.
• Deploying the project on Vercel

08-10-2023

Registration Fees: IEI members Rs.200/-
Non IEI members Rs. 500/-

SRM University, Kattankulathur

NIL