Chat Agent

Let's discuss

Need a hand?

Reach out to the world’s most reliable IT services.

portfolio detail

Chat Agent

Chat Agent

Duration:

2.5 months

Objective:

Develop a student-friendly platform where users can interact with historical event avatars, enhancing educational engagement and learning experiences

Project Description

The Chat Agent offers an immersive learning environment where students can engage with avatars representing historical events. Utilising Node.js and React with TypeScript, we developed both the frontend and backend systems to ensure seamless functionality and user interaction. Our platform integrates cutting-edge technologies to deliver video responses with facial expressions and spoken dialogue, providing an enriched learning experience for users.

1. Frontend and Backend Development:
  • The frontend of the platform was built using React with TypeScript, providing a modern and responsive user interface.
  • The backend was developed using Node.js, ensuring efficient data processing and handling of user requests.
2. Authentication Functionality:
  • Utilising the capabilities of Node.js, we implemented advanced authentication functionality on the backend, empowering users to seamlessly sign in and sign up using their email addresses..
3. Admin Management:
  • Designed sections for Avatars, Points of Interest (POI), Events, and Historical Projects, which can be managed by the admin.
  • The admin has the ability to add, edit, or remove avatars, POIs, events, and historical projects.
4. Mapping Functionality:
  • Incorporated functionality to map the positions of POIs and Avatars on event images, providing a visual representation of historical events.
5. Timeline Display:
  • Generated a publicly accessible timeline URL for each Historical Project, displaying events and all mapped POIs and Avatars for each event.
  • Users can navigate through the timeline to explore different events and their associated information.
6.Chat Page:
  • Created a dedicated Chat Page where users can interact with Avatars selected from Events.
  • Users can ask questions to the avatars, and the avatars respond with video responses, complete with facial expressions and spoken dialogue.
7. Integration with D-ID and OpenAI APIs:
  • Integrated D-ID and OpenAI APIs to enhance the avatar responses and provide more accurate and informative answers to user questions.
  • The integration allows for dynamic and engaging interactions between users and avatars.

The Chat Agent transforms historical education with its immersive learning experience. Leveraging Node.js and React, along with seamless authentication and dynamic event mapping, it revolutionises learning outcomes. Its engaging features position it as a leading solution in historical education technology.

Explide
Drag