Birdly is an SPA web platform designed to help users learn various subjects, such as programming languages and computer science concepts. It features learning through solving questions, gamification elements, an AI assistant, and a playground to write and test code with AI-powered hints.
| ER Diagram |
|---|
 |
| Component Diagram |
|---|
 |
| EC2 instance anatomy |
|---|
 |
- Quizzes: Four types of questions - Select, Order, Write, and Match.
- Practice: Dynamically generated quizzes based on the user’s past mistakes.
- Playground: A coding space to write and run code snippets, with an AI assistant for help.
- Guildbooks: Short, focused pages on topics like variables or functions, featuring runnable snippets and AI assistance.
- Cheat Sheets: Downloadable PDF references.
- Map: A world map where players progress by completing levels.
| Login screen | Register screen |
|---|---|
 |
 |
| Snippets Menu screen | Playground screen |
|---|---|
 |
 |
| Select Quiz screen | Order Quiz screen |
|---|---|
 |
 |
| Write Quiz screen | Match Quiz screen |
|---|---|
 |
 |
 |
 |
 |
 |
 |
 |
 |
| Backend Testing (Pest) | Frontend Testing (Vitest) |
|---|---|
 |
 |
| OpenAI api call |
|---|
 |
| Prompt Engineering: Persona |
|---|
 |
| Prompt Engineering: Context |
|---|
 |
| Prompt Engineering: Format |
|---|
 |
| Prompt Engineering: Examples |
|---|
 |
| Prompt Engineering: Don'ts |
|---|
 |
- Project is containerized using Docker for easy deployment.
- APIs are documented with Postman collections.
- Live demo and staging environments available.
| EC2 instance and docker |
|---|
 |
 |
| Postman API |
|---|
 |
 |
|
| Testing before merge pull request | Github Action workflows |
|---|---|
 |
 |
 |
To Enter as Admin User email: [email protected] - Password: 121212