- Home
- Chennai
- SRM Institute of Science and Technology Kattankulathur Campus Events
- Building Chatgpt Messenger using Nextjs 2023
Building Chatgpt Messenger using Nextjs 2023, SRM Institute of Science and Technology Kattankulathur Campus, Workshop, Chennai, Tamil Nadu, 10th - 11th October 2023
View Event Website
- Event Type:
- Venue/Offline Mode
- Start Date :
- 10th October 2023
- End Date :
- 11th October 2023
- Location :
- Chennai, Tamil Nadu
- Organizer :
- SRM Institute of Science and Technology Kattankulathur Campus
- Category :
- Workshop
About Event
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
Events
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
Event Theme
Building ChatGPTDepartments:
CSE ECE IT Instrumentation MCA TelecommunicationAccommodation
NIL
How to reach SRM Institute of Science and Technology Kattankulathur Campus, Chennai
SRM University, Kattankulathur
Certificates will be provided to Participants
Related Links:
Building Chatgpt Messenger using Nextjs 2023 SRM Institute of Science and Technology Kattankulathur Campus Chennai Tamil Nadu October 2023 Workshops Workshops in Chennai 2023 Workshops in Tamil NaduFeatured Events
-
Dot Net Workshop 2024
18th May 2024
-
Python Programming Workshop 2024
19th May 2024
-
Hardware Product Development 2024
25th May 2024
-
Raspberry Pi with Node-red Workshop 2024
25th May 2024
-
WEB (Website) Development Workshop 2024
26th May 2024
-
International Conference on Advancements in Science, Engineering and Management ICASEM 2024
30th May 2024
-
Two Days Online Workshop on Python Programming with Industrial Perspective 2024
2nd Jun 2024