https://github.com/lesiaukr/goit-pythonweb-hw-03
Master's degree | Advanced Python Programming | HW | Web basics | Simple HTTP server
https://github.com/lesiaukr/goit-pythonweb-hw-03
docker docker-compose goit-pythonweb-hw-03 http-server jinja2-templating-engine python websocket
Last synced: 3 months ago
JSON representation
Master's degree | Advanced Python Programming | HW | Web basics | Simple HTTP server
- Host: GitHub
- URL: https://github.com/lesiaukr/goit-pythonweb-hw-03
- Owner: LesiaUKR
- Created: 2025-01-03T19:35:12.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2025-01-05T19:22:16.000Z (5 months ago)
- Last Synced: 2025-01-05T19:26:36.883Z (5 months ago)
- Topics: docker, docker-compose, goit-pythonweb-hw-03, http-server, jinja2-templating-engine, python, websocket
- Language: HTML
- Homepage:
- Size: 439 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Topic 3. Homework | Web basics | Simple HTTP server
Your goal is to implement the simplest web application. Use the following files from this repository as a base: https://github.com/GoIT-Python-Web/FullStack-Web-Development-hw3.
---
## Technical Description of the Task
Based on the example in the manual, create a web application with routing for two HTML pages: `index.html` and `message.html`.
Additionally:
- Handle static resources during the application runtime: `style.css`, `logo.png`.
- Implement functionality for the form on the `message.html` page.
- If a `404 Not Found` error occurs, return the `error.html` page.
- Your application should run on port `3000`.
---
### Working with the Form
The received byte string from the form should be converted into a dictionary and stored as a JSON file (`data.json`) in the `storage` directory.
The format for `data.json` should be as follows:
```json
{
"2022-10-29 20:20:58.020261": {
"username": "krabaton",
"message": "First message"
},
"2022-10-29 20:21:11.812177": {
"username": "Krabat",
"message": "Second message"
}
}
```
### Each Message's Key
- The key for each message should be the timestamp when the message was received (`datetime.now()`).
- Each new message from the web application should be appended to the `storage/data.json` file with the timestamp.
---
### Additional Route
- Add a `/read` route that generates an informational page.
- This page should use a Jinja2 template to display all stored messages from the `data.json` file.
---
### Additional Task (Optional)
This additional task is not required to complete the homework assignment:
1. Create a `Dockerfile` and run your application as a Docker container.
2. Use the volumes mechanism to store data from `storage/data.json` outside the container.
---
### General Requirements for Completing the Homework
Meeting these requirements is mandatory for evaluation by the mentor. If any requirement is not met, the mentor will return the homework for revision without evaluation.
If you need clarification or are stuck on a specific step, reach out to your mentor in Slack.
---
### Main Requirements
1. **Routing**:
- Two HTML pages are created: `index.html` and `message.html`.
- Static resources are handled (`style.css` and `logo.png`).
- The web application runs on port `3000`.
2. **Form Handling**:
- The form on the `message.html` page works correctly and sends data (`username` and `message`).
- Data from the form is converted into a dictionary and written to the `data.json` file in the following format:
```json
{
"%timestamp%": {
"username": "example",
"message": "example message"
}
}
```
3. **Jinja2 Template**:
- When accessing the `/read` route, a Jinja2 template page is returned, displaying all saved messages from the `data.json` file.
4. **404 Error Handling**:
- A `404 Not Found` error returns the `error.html` page.
5. **Message Storage**:
- Messages are stored in the `storage/data.json` file in JSON format, with the timestamp as the key.
---
### Additional Requirements (Optional)
- Create a `Dockerfile` to run the application as a Docker container.
- Use the volumes mechanism to store the `data.json` file outside the container.
---
# TASK RESULTS
### Home_page
### Message_form_page
### Message_success
### Messages_history
### 404_page
### Server_notifications
### Docker_container_for_my_app
