{"id":18184270,"url":"https://github.com/vovandreevik/doubleback-solofront","last_synced_at":"2026-04-20T09:04:20.044Z","repository":{"id":229311348,"uuid":"776347456","full_name":"vovandreevik/DoubleBack-SoloFront","owner":"vovandreevik","description":"Web application that provides users with news articles grouped by different categories or movie posters","archived":false,"fork":false,"pushed_at":"2024-09-10T17:30:31.000Z","size":765,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-07T12:17:17.366Z","etag":null,"topics":["backend","css","flask","frontend","javascript","python"],"latest_commit_sha":null,"homepage":"","language":"Python","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/vovandreevik.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-03-23T08:53:38.000Z","updated_at":"2024-09-10T17:31:59.000Z","dependencies_parsed_at":"2025-02-13T14:59:48.475Z","dependency_job_id":null,"html_url":"https://github.com/vovandreevik/DoubleBack-SoloFront","commit_stats":null,"previous_names":["vovandreevik/sber"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/vovandreevik/DoubleBack-SoloFront","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vovandreevik%2FDoubleBack-SoloFront","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vovandreevik%2FDoubleBack-SoloFront/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vovandreevik%2FDoubleBack-SoloFront/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vovandreevik%2FDoubleBack-SoloFront/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vovandreevik","download_url":"https://codeload.github.com/vovandreevik/DoubleBack-SoloFront/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vovandreevik%2FDoubleBack-SoloFront/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32040358,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-20T00:18:06.643Z","status":"online","status_checked_at":"2026-04-20T02:00:06.527Z","response_time":94,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["backend","css","flask","frontend","javascript","python"],"created_at":"2024-11-02T21:03:51.870Z","updated_at":"2026-04-20T09:04:20.029Z","avatar_url":"https://github.com/vovandreevik.png","language":"Python","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n# DayBday Web Application\n\nDayBday is a web application that provides users with news articles grouped by different categories or movie posters.\n\n_Developed together with [gaminv](https://github.com/gaminv) and [raikevichI](https://github.com/raikevichI)_\n\n## Features\n- Dynamic Content: The content on the website is dynamically generated based on user interactions and selections.\n- Navigation: Users can navigate through different sections of the website using the navigation bar.\n- Real-time Updates: Users can receive real-time updates by clicking on the \"Backend\" button, which switches between two backend servers.\n\n## Technologies Used\n- Frontend: HTML, CSS, JavaScript\n- Backend: Python Flask framework\n- Data Serialization: JSON\n- Cross-Origin Resource Sharing (CORS): Implemented using Flask-CORS extension to allow communication between frontend and backend on different ports.\n- Local Storage: Used to store and retrieve the current backend server port for real-time updates.\n\n## Backend Servers\n\n### Backend Server 1\n\n- **Description**: This backend server serves as an API endpoint for updating and retrieving page structure data.\n- **Routes**:\n  - `/api/update`: POST request to update the title of the page structure.\n  - `/api/main`: GET request to retrieve the page structure based on the title.\n- **Components**:\n  - Logo\n  - NavButton\n  - News\n\n### Backend Server 2\n\n- **Description**: This backend server serves as an API endpoint for retrieving page structure data.\n- **Routes**:\n   - `/api/update`: POST request to update the title of the page structure.\n  - `/api/main`: GET request to retrieve the page structure data.\n- **Components**:\n  - Logo\n  - NavButton\n  - MovieSession\n\n## Frontend Application\n\n- **Description**: The frontend application consumes APIs provided by the backend servers to render the user interface.\n  \n- **Features**:\n  - Displays logos, navigation buttons, news articles, movie sessions, and footers based on the data received from the backend servers.\n  - Allows users to update the page structure by sending requests to the backend servers.\n  \n## Getting Started\nTo run the DayBday web application locally, follow these steps:\n\n- Clone this repository to your local machine.\n- Install Python if you haven't already.\n- Install Flask and Flask-CORS using pip:\n```\npip install Flask Flask-CORS\n```\n- Navigate to the project directory in your terminal.\n- Run the Flask application:\n```\npython app.py\n```\n- Open your web browser and go to `http://localhost:5001 to view the application`.\n\n## How to Use\n- Upon opening the application, you will see the main page with news articles from various categories.\n- Use the navigation bar to filter news articles by category.\n- Click on the \"Backend\" button to switch between two backend servers for real-time updates.\n\n## Pictures\n1. First backend. Main\n![image](https://github.com/vovandreevik/DoubleBack-SoloFront/assets/116523390/ddec8adc-cab6-406d-a921-ec000e7ae6e8)\n\n2. First backend. Saint Petersburg\n![image](https://github.com/vovandreevik/DoubleBack-SoloFront/assets/116523390/f978587e-9e35-4364-8eb3-1b6a08cf586d)\n\n3. Second backend. Main\n![image](https://github.com/vovandreevik/DoubleBack-SoloFront/assets/116523390/3de87719-5850-41a6-9c6f-250aa02f3dd8)\n\n4. Second backend. Fiction\n![image](https://github.com/vovandreevik/DoubleBack-SoloFront/assets/116523390/65ba26dc-15d0-4ebf-a895-2e5b6325fc15)\n\n\n## Example of json\n```\n{\n    \"header\": [\n        {\n            \"type\": \"logo\",\n            \"url_image\": \"https://idyllic-donut-3ece02.netlify.app/logo.svg\"\n        }\n    ],\n    \"navigation\": [\n        {\n            \"type\": \"navbutton\",\n            \"title\": \"Главная\"\n        },\n        {\n            \"type\": \"navbutton\",\n            \"title\": \"Спорт\"\n        },\n        {\n            \"type\": \"navbutton\",\n            \"title\": \"Россия\"\n        },\n        {\n            \"type\": \"navbutton\",\n            \"title\": \"Санкт-Петербург\"\n        },\n        {\n            \"type\": \"navbutton\",\n            \"title\": \"Туризм\"\n        },\n        {\n            \"type\": \"navbutton\",\n            \"title\": \"Образование\"\n        }\n    ],\n    \"body\": [\n        {\n            \"type\": \"news\",\n            \"theme\": \"Спорт\",\n            \"image\": \"https://idyllic-donut-3ece02.netlify.app/1.jpg\",\n            \"title\": \"Футбол\",\n            \"text\": \"Сборная России по футболу одержала победу над сборной Сербии со счетом 2:1 в товарищеском матче, который состоялся 21 марта в Москве. Голы за россиян забили Александр Головин и Артем Дзюба\"\n        },\n        {\n            \"type\": \"news\",\n            \"theme\": \"Спорт\",\n            \"image\": \"https://idyllic-donut-3ece02.netlify.app/2.jpg\",\n            \"title\": \"Хоккей\",\n            \"text\": \"ЦСКА одержал победу над 'Автомобилистом' со счетом 3:2 в третьем матче серии плей-офф КХЛ. Таким образом, петербургский клуб повел в серии со счетом 2-1.\"\n        },\n        {\n            \"type\": \"news\",\n            \"theme\": \"Спорт\",\n            \"image\": \"https://idyllic-donut-3ece02.netlify.app/3.jpg\",\n            \"title\": \"Баскетбол\",\n            \"text\": \"ЦСКА обыграл 'Зенит' со счетом 78:75 в пятом матче финальной серии Единой лиги ВТБ. Таким образом, ЦСКА стал чемпионом Единой лиги ВТБ в 12-й раз.\"\n        },\n        {\n            \"type\": \"news\",\n            \"theme\": \"Спорт\",\n            \"image\": \"https://idyllic-donut-3ece02.netlify.app/4.jpg\",\n            \"title\": \"Биатлон\",\n            \"text\": \"Эдуард Латыпов выиграл золотую медаль в масс-старте на этапе Кубка мира в Осло. Вторым стал норвежец Йоханнес Бё, третьим - француз Кентен Фийон-Майе.\"\n        },\n        {\n            \"type\": \"news\",\n            \"theme\": \"Россия\",\n            \"image\": \"https://idyllic-donut-3ece02.netlify.app/5.png\",\n            \"title\": \"Экономика\",\n            \"text\": \"ВВП России в 2023 году вырос на 3,5%. Это самый высокий рост за последние 4 года.\"\n        },\n        {\n            \"type\": \"news\",\n            \"theme\": \"Россия\",\n            \"image\": \"https://idyllic-donut-3ece02.netlify.app/6.jpg\",\n            \"title\": \"Политика\",\n            \"text\": \"Президент России Владимир Путин выступил с посланием Федеральному Собранию. В своем послании он затронул вопросы экономики, социальной политики, безопасности и внешней политики.\"\n        },\n        {\n            \"type\": \"news\",\n            \"theme\": \"Россия\",\n            \"image\": \"https://idyllic-donut-3ece02.netlify.app/7.jpg\",\n            \"title\": \"Общество\",\n            \"text\": \"В России прошел День защитника Отечества. В этот день чествуют всех, кто служил или служит в армии.\"\n        },\n        {\n            \"type\": \"news\",\n            \"theme\": \"Россия\",\n            \"image\": \"https://idyllic-donut-3ece02.netlify.app/8.jpg\",\n            \"title\": \"Культура\",\n            \"text\": \"В Москве открылся новый музей современного искусства. Музей называется 'Гараж'.\"\n        },\n        {\n            \"type\": \"news\",\n            \"theme\": \"Санкт-Петербург\",\n            \"image\": \"https://idyllic-donut-3ece02.netlify.app/9.jpg\",\n            \"title\": \"Культура\",\n            \"text\": \"В Санкт-Петербурге проходит фестиваль 'Императорские театры России'. В рамках фестиваля проходят спектакли ведущих театров России.\"\n        },\n        {\n            \"type\": \"news\",\n            \"theme\": \"Санкт-Петербург\",\n            \"image\": \"https://idyllic-donut-3ece02.netlify.app/10.jpg\",\n            \"title\": \"Туризм\",\n            \"text\": \"Санкт-Петербург вошел в пятерку самых популярных туристических направлений в мире.\"\n        },\n        {\n            \"type\": \"news\",\n            \"theme\": \"Санкт-Петербург\",\n            \"image\": \"https://idyllic-donut-3ece02.netlify.app/11.jpg\",\n            \"title\": \"Экономика\",\n            \"text\": \"В Санкт-Петербурге открылся новый завод по производству электромобилей.\"\n        },\n        {\n            \"type\": \"news\",\n            \"theme\": \"Санкт-Петербург\",\n            \"image\": \"https://idyllic-donut-3ece02.netlify.app/12.jpg\",\n            \"title\": \"Образование\",\n            \"text\": \"В Санкт-Петербургском государственном университете открылся новый факультет - факультет искусственного интеллекта.\"\n        },\n        {\n            \"type\": \"news\",\n            \"theme\": \"Туризм\",\n            \"image\": \"https://idyllic-donut-3ece02.netlify.app/13.png\",\n            \"title\": \"Внутренний туризм\",\n            \"text\": \"В 2023 году число туристов, посетивших Россию, выросло на 10%.\"\n        },\n        {\n            \"type\": \"news\",\n            \"theme\": \"Туризм\",\n            \"image\": \"https://idyllic-donut-3ece02.netlify.app/14.jpg\",\n            \"title\": \"Международный туризм\",\n            \"text\": \"Россия вошла в десятку самых популярных туристических направлений для туристов из Китая.\"\n        },\n        {\n            \"type\": \"news\",\n            \"theme\": \"Туризм\",\n            \"image\": \"https://idyllic-donut-3ece02.netlify.app/15.jpg\",\n            \"title\": \"Гастрономический туризм\",\n            \"text\": \"В России проходит фестиваль 'Вкусы России'. В рамках фестиваля можно попробовать блюда из разных регионов России.\"\n        },\n        {\n            \"type\": \"news\",\n            \"theme\": \"Туризм\",\n            \"image\": \"https://idyllic-donut-3ece02.netlify.app/16.jpg\",\n            \"title\": \"Экотуризм\",\n            \"text\": \"В России набирает популярность экотуризм. Туристы едут в Россию, чтобы увидеть уникальные природные красоты страны.\"\n        },\n        {\n            \"type\": \"news\",\n            \"theme\": \"Образование\",\n            \"image\": \"https://idyllic-donut-3ece02.netlify.app/17.jpg\",\n            \"title\": \"Школьное образование\",\n            \"text\": \"В России вводится новая система оценки знаний - ФГОС 3.0.\"\n        },\n        {\n            \"type\": \"news\",\n            \"theme\": \"Образование\",\n            \"image\": \"https://idyllic-donut-3ece02.netlify.app/18.jpg\",\n            \"title\": \"Высшее образование\",\n            \"text\": \"В России увеличивается число бюджетных мест в вузах.\"\n        },\n        {\n            \"type\": \"news\",\n            \"theme\": \"Образование\",\n            \"image\": \"https://idyllic-donut-3ece02.netlify.app/19.png\",\n            \"title\": \"Дополнительное образование\",\n            \"text\": \"В России набирают популярность онлайн-курсы.\"\n        },\n        {\n            \"type\": \"news\",\n            \"theme\": \"Образование\",\n            \"image\": \"https://idyllic-donut-3ece02.netlify.app/20.jpg\",\n            \"title\": \"Профессиональное образование\",\n            \"text\": \"В России создаются новые центры опережающей подготовки кадров.\"\n        }\n    ],\n    \"footer\": [\n        {\n            \"type\": \"footer\",\n            \"text\": \"https://idyllic-donut-3ece02.netlify.app/footer.svg\"\n        }\n    ]\n}\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvovandreevik%2Fdoubleback-solofront","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvovandreevik%2Fdoubleback-solofront","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvovandreevik%2Fdoubleback-solofront/lists"}