Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nguyenductung2709-dt/codingapp
This is my first project for course Designing and Building Scalable Web Application
https://github.com/nguyenductung2709-dt/codingapp
astro deno docker docker-compose nginx rabbitmq svelte tailwindcss websocket
Last synced: about 9 hours ago
JSON representation
This is my first project for course Designing and Building Scalable Web Application
- Host: GitHub
- URL: https://github.com/nguyenductung2709-dt/codingapp
- Owner: nguyenductung2709-dt
- Created: 2024-06-27T04:36:13.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-06-28T04:55:39.000Z (5 months ago)
- Last Synced: 2024-08-27T06:50:30.731Z (3 months ago)
- Topics: astro, deno, docker, docker-compose, nginx, rabbitmq, svelte, tailwindcss, websocket
- Language: JavaScript
- Homepage:
- Size: 584 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Designing and Building Scalable Web Applications / Course Project I Template
## Contents:
This application is a web application for practicing programming. The basic functionality of the application is as follows:
When the user opens up the application, they are shown a name and a handout of a programming assignment, a textarea into which they can write a Python program that solves the problem in the handout, and a button that allows submitting the written program for assessment. After the program is sent for assessment, the user sees updates on the grading status of the program. If the grading finds issues with the program, the user is shown the issues and can adjust their code. Otherwise, the user is notified that they successfully completed the assignment, allowing them to move to the next programming assignment. The next time the user opens up the application, they can continue from the first assignment that they havent't yet completed.## Architecture of the web application:
Below is the image of the architecture of the web application
![screenshot](assets/details.png)## View of the web application:
![screenshot](assets/view.png)## How to run the project:
Check out RUNNING.md## Tech stacks:
Frontend: Svelte, Astro, TailwindCSSBackend: Deno, PostgreSQL, RabbitMQ, WebSocket
Other tools: Nginx, Playwright, k6, Docker, Docker Compose