{"id":20655621,"url":"https://github.com/classicoman2/pd1_2021","last_synced_at":"2026-04-22T06:05:44.361Z","repository":{"id":118072784,"uuid":"306709152","full_name":"classicoman2/Pd1_2021","owner":"classicoman2","description":"Enunciat Pràctica 1 de DIW - 2n DAW Dual","archived":false,"fork":false,"pushed_at":"2020-12-04T08:46:52.000Z","size":30,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-09T22:40:03.487Z","etag":null,"topics":["colour-palette","wireframe"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/classicoman2.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":"2020-10-23T17:53:39.000Z","updated_at":"2021-01-03T19:45:56.000Z","dependencies_parsed_at":null,"dependency_job_id":"27b514a0-8fe8-4b1f-adf2-ca258803294f","html_url":"https://github.com/classicoman2/Pd1_2021","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/classicoman2/Pd1_2021","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/classicoman2%2FPd1_2021","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/classicoman2%2FPd1_2021/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/classicoman2%2FPd1_2021/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/classicoman2%2FPd1_2021/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/classicoman2","download_url":"https://codeload.github.com/classicoman2/Pd1_2021/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/classicoman2%2FPd1_2021/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32123605,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-22T00:31:26.853Z","status":"online","status_checked_at":"2026-04-22T02:00:05.693Z","response_time":58,"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":["colour-palette","wireframe"],"created_at":"2024-11-16T18:12:03.810Z","updated_at":"2026-04-22T06:05:44.330Z","avatar_url":"https://github.com/classicoman2.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Pd1 - 2021\n\nPràctica de 2n DAW DUAL del CIFP Francesc de Borja Moll (1on Trimestre)\n\n## ABSTRACT\n\nThe theme of this practice is the development of **The website of an Online Game** of your choice. \nIn this section, to write a short description of your game (less than 100 words)\n\n- [ ] 0.1 - Write a short description of your game\n\n## REQUIREMENTS\n\nCreate the interface according to the following requirements:\n\n### 1. Sketch and Wireframe Requirements\n\n- [ ] 1.1 - Create an **Sketch** of the mobile \u0026 desktop layouts (1h), export it to jpg/png images and store them inside the folder `/sketch` in this repository.\n- [ ] 1.2 - Create a Wireframe based on the Sketch, export it to jpg/png images and store them inside the folder `/wireframe` in this repository. **Make some research on this kind of pages and try to create a layout as realisic as possible**.\n- [ ] 1.3 - The project description and wireframe is approved by the **Product Owner**\n\n### 2. Layout Requirements\n\n- [ ] 2.1 - Create a **mobile layout**\n- [ ] 2.2 - Create a **desktop layout**\n- [ ] 2.3 - The layout is **Responsive** and remains fluid between the breakpoints of the `media-queries`\n- [ ] 2.4 - The layout follows (as much as possible) the **Visual Design guidelines** seen in class\n- [ ] 2.5 - The layout follows (as much as possible) the **User Experience_ principles** seen in class\n- [ ] 2.6 - Choose a **colour palette** and show the colours in the documentation file [using this format](https://docs.google.com/spreadsheets/d/1yDqy-8nK90b1t97e2DgLYaPvoB4jcuA5kv5AuZUdBN4/edit#gid=1182541801). :new:\n- [ ] 2.7 - Choose **fonts and sizes** of headings and show them in this documentation file [using this format](https://docs.google.com/spreadsheets/d/1yDqy-8nK90b1t97e2DgLYaPvoB4jcuA5kv5AuZUdBN4/edit#gid=0). :new:\n- [ ] 2.8 - Use mainly **CSS Grid** and **CSS Flexbox** to build the layouts. You can't use any framework\n- [ ] 2.9 - Use [**CSS Refactor**](https://docs.google.com/document/d/1RXwgikqEfVhopg7zwvnmAQoyMWreQeRa7bCLOodGM3U/edit#heading=h.nlnl9de6q86i) :pill:\n- [ ] 2.10 - Use [**CSS Variables**](https://docs.google.com/document/d/1s-aOTgASYY_0LvzCI-lnL6QK8S4FsUZGuUEwYLhjA_M/edit#heading=h.uay6xh8zzrsb) to specify the colors of the color palette :pill:\n- [ ] 2.11 - Use [**semantic tags**](https://docs.google.com/document/d/1s-aOTgASYY_0LvzCI-lnL6QK8S4FsUZGuUEwYLhjA_M/edit#heading=h.xs3su5aas2o) :pill:\n- [ ] 2.12 - Use some hack to include Header and Footer from separated files. Example: [this JQuery Hack](https://docs.google.com/document/d/1RXwgikqEfVhopg7zwvnmAQoyMWreQeRa7bCLOodGM3U/edit#heading=h.jkbvj42pliv7) :pill:\n\n### 3. Views\n\n- [ ] 3.1 - **Front page**: created mainly using **Grid**. Contains headings and text, images/videos, icons, colours, some kind of login facility, menu .... All the pages will have same header, footer and nav. \n- [ ] 3.2 - **Characters page**: A grid with descriptions and images of the characters. Use `players.html` and `players.js` and use the data that is obtained through an API call. \n \n### Project Management \u0026 Release Requirements\n\n- [ ] 4.1 - Use a Project Management Tool, for instance use [Github Projects and Issues](https://github.com/classicoman2/skills2020-quick-website-develop) that you can set up in the Github Repository of your project\n- [ ] 4.2 - If you don't use Github Projects and Issues, set the link to the Project Management page you've been using at the top of the README.MD file of your repo\n- [ ] 4.3 - Create a **Github Release** and insert the link [in this document](https://docs.google.com/spreadsheets/d/1r3_kRMr3bCyDJZAW448TioSksqnoB2WwEnhjdW6GiEY/edit#gid=0)\n\n### Video Presentation\n\n- [ ] 5.1 - Create a video presentation (min 2'30\", max 5') of the website, in **English**. Show the layouts for mobile/desktop displays and explain the main components.\n\n\n\n### Project Release Requirements\n\n- [ ] Create a **production version** using GULP and a preconfigured Gulpfile. More information [here](https://docs.google.com/document/d/1i6S9bQKPk2kWvi5dLfVLZ16hn2x8-CXe25NQe5UaV78/edit). :new:\n- [ ] EXTRA: Try deploying the prototype using a tool like **Jamstack**, **Heroku** etc. and put the link on top of this document (No compta per la nota perquè no és un criteri d'avaluaciò válid pel mòdul)\n\n## SPRINTS\n\n### SPRINT: Checkpoint-1\n:watch: `Deadline`: [Here](https://docs.google.com/spreadsheets/d/1r3_kRMr3bCyDJZAW448TioSksqnoB2WwEnhjdW6GiEY/edit#gid=0)\n\n- [ ] S1.1 - A Private Github Repository has been created. Add me - classicoman2 - as a collaborator. Insert the link [in this document](https://docs.google.com/spreadsheets/d/1r3_kRMr3bCyDJZAW448TioSksqnoB2WwEnhjdW6GiEY/edit#gid=0) \n- [ ] S1.2 - Tasks 0.1 1.1 1.2 1.3 have been completed\n\n### SPRINT: Checkpoint-2\n:watch: `Deadline`: [Here](https://docs.google.com/spreadsheets/d/1r3_kRMr3bCyDJZAW448TioSksqnoB2WwEnhjdW6GiEY/edit#gid=0)\n\n- [ ] Structure of directory created as indicated (mirar final del document)\n- [ ] The layout for mobile has been completed applying 2.4 and 2.5\n- [ ] The colour palette and fonts have been chosen and posted in README.MD (podran ser canviades a posteriori)\n- [ ] Hand over a release v0.1 \n \n### FINAL SPRINT: PROTOTYPE RELEASE\n:watch: `Deadline`: [Here](https://docs.google.com/spreadsheets/d/1r3_kRMr3bCyDJZAW448TioSksqnoB2WwEnhjdW6GiEY/edit#gid=0)\n\n- [ ] End the project and hand over a release.\n\n### Structure of directories\n\n    /src\n      /js\n      /css\n      /images\n    /dist\n    /docs\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fclassicoman2%2Fpd1_2021","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fclassicoman2%2Fpd1_2021","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fclassicoman2%2Fpd1_2021/lists"}