Skip to content

Second version of my flashcard app featuring dynamic flashcards and AI-personalized feedback. Created for part 2 of my web application course requirements.

Notifications You must be signed in to change notification settings

CartValderama/angular-flashcard-app

Repository files navigation

AI-Enhanced Study Application

Overview

This project aims to revolutionize the way users engage with learning materials by integrating dynamic and interactive study aids enhanced with AI-generated hints and feedback. The application offers a hands-on learning experience with features designed to improve user interaction and comprehension of study materials.

Core Features

  1. Dynamic Flashcard Interactions:

    • Users can create, view, and interact with flashcards for an engaging and practical learning experience.
  2. AI-Powered Hints and Feedback:

    • Utilizes OpenAI's ChatGPT models to provide insightful hints and personalized feedback, helping users navigate toward correct answers and fostering a deeper understanding of the study material.
  3. Advanced Learning Modes:

    • Includes various learning modes such as a matching game and GPT-Quiz to cater to different learning preferences and increase engagement.

Personal Contributions and Achievements

  • Idea and Architecture Design:

    • Initiated the concept of integrating AI to enhance user experience. Designed the application architecture, including database tables, models, and overall flow to ensure a robust and scalable framework.
  • Angular and ASP.NET Core Integration:

    • Established a strong connection between Angular services and ASP.NET Core controllers, showcasing expertise in full-stack development and technology integration.
  • RESTful API Development:

    • Developed backend services following RESTful API guidelines. Controllers function primarily as an API layer to manage HTTP requests efficiently.
  • **Frontend Design and Styling:

    • Designed and styled the user interface to provide an intuitive and aesthetically pleasing experience. Utilized bootstrap CSS techniques and Angular components to ensure responsiveness and a polished look across various devices.

Technologies & Tools

  • Frontend:

    • Angular
    • TypeScript
  • Backend:

    • ASP.NET Core 6.0
    • REST APIs
  • AI Integration:

    • OpenAI's ChatGPT
  • Testing & Logging:

    • Serilog
    • xUnit

About

Second version of my flashcard app featuring dynamic flashcards and AI-personalized feedback. Created for part 2 of my web application course requirements.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published