https://github.com/cartvalderama/angular-flashcard-app
Second version of my flashcard app featuring dynamic flashcards and AI-personalized feedback. Created for part 2 of my web application course requirements.
https://github.com/cartvalderama/angular-flashcard-app
angular aspnetcore bootstrap csharp css gpt35turbo html typescript
Last synced: 2 months ago
JSON representation
Second version of my flashcard app featuring dynamic flashcards and AI-personalized feedback. Created for part 2 of my web application course requirements.
- Host: GitHub
- URL: https://github.com/cartvalderama/angular-flashcard-app
- Owner: CartValderama
- Created: 2023-11-24T16:30:17.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-03-10T11:35:53.000Z (over 1 year ago)
- Last Synced: 2025-03-10T12:33:26.551Z (over 1 year ago)
- Topics: angular, aspnetcore, bootstrap, csharp, css, gpt35turbo, html, typescript
- Language: TypeScript
- Homepage:
- Size: 4.74 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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