{"id":19379717,"url":"https://github.com/kayke-fujinaka/picpro","last_synced_at":"2026-04-07T08:32:19.442Z","repository":{"id":110104960,"uuid":"466564488","full_name":"Kayke-Fujinaka/picpro","owner":"Kayke-Fujinaka","description":"💳 A page made jointly by Picpay and Kenzie Academy, which simulates the PicPay app","archived":false,"fork":false,"pushed_at":"2023-03-26T20:20:39.000Z","size":3660,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-24T16:36:22.863Z","etag":null,"topics":["css","css3","html","javascript","kenzie-academy","picpay","picpro"],"latest_commit_sha":null,"homepage":"https://picpro.netlify.app","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Kayke-Fujinaka.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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":"2022-03-05T20:48:26.000Z","updated_at":"2024-06-23T14:57:36.000Z","dependencies_parsed_at":"2023-05-21T15:00:47.157Z","dependency_job_id":null,"html_url":"https://github.com/Kayke-Fujinaka/picpro","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Kayke-Fujinaka/picpro","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kayke-Fujinaka%2Fpicpro","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kayke-Fujinaka%2Fpicpro/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kayke-Fujinaka%2Fpicpro/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kayke-Fujinaka%2Fpicpro/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Kayke-Fujinaka","download_url":"https://codeload.github.com/Kayke-Fujinaka/picpro/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kayke-Fujinaka%2Fpicpro/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31506562,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-07T03:10:19.677Z","status":"ssl_error","status_checked_at":"2026-04-07T03:10:13.982Z","response_time":105,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["css","css3","html","javascript","kenzie-academy","picpay","picpro"],"created_at":"2024-11-10T09:10:59.951Z","updated_at":"2026-04-07T08:32:19.410Z","avatar_url":"https://github.com/Kayke-Fujinaka.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Project Picpro (Kenzie Academy + PicPay)\n\n\u003cimg src=\"./assets/img/gif.gif\" alt=\"Test Gif\"\u003e\n\n\u003e A page made jointly by Picpay and Kenzie Academy.\n\nCheck the Application: https://picpro.netlify.app\n## :page_facing_up: Explanation\n\nThe project was developed at a Kenzie Academy event in partnership with Picpay. Thus, creating a project called PicPro that was taught by Kenzie Academy instructors. The event was completely free and available on Youtube for a limited time.\n\nThe project was divided into 4 days of classes. Every day was a different technology, namely: HTML, CSS and JavaScript.\n\n- The first day they taught about structuring the page with HTML and naming it with some classes.\n\n- The second day was a styling class that used CSS. Thus, leaving the site more beautiful and with the color of the project.\n\n- The third day was a class separated from the project, which explained an entire class of JavaScript that would be used in the next class.\n\n- The fourth day was the use of JavaScript in the project and giving the functions to change the section.\n\nThe design has an interesting point, as the sections were hidden with Display None, but with JavaScript we determined that they would appear when clicking on the screen.\n\nI made the project responsive at the end of every event and fixed some bugs like the sections not being fully in accordance with the initial layout, but it is already working normally.\n\n## 📁 Sections\n\nThe site consists of 5 different sections:\n\n- **Home Page:** A page that shows a Picpay + Kenzie bank application;\n- **QrCode Section:** It is a QrCode section to receive money;\n- **Pix Section:** It is a section to send a Pix\n- **Pagar Boleto Section:** It is a section to pay the boleto through the barcode;\n- **Charge Section:** It's a section to pay with some friends.\n\n## :dart: Features ##\n\n:heavy_check_mark: Page structure;\\\n:heavy_check_mark: Page Styling;\\\n:heavy_check_mark: Using JavaScript in the Project;\\\n:heavy_check_mark: Fixing some bugs that weren't working the JavaScript function;\\\n:heavy_check_mark: Hovering the buttons;\\\n:heavy_check_mark: Making the site responsive;\\\n:heavy_check_mark: Fixing the Input bug pasted from the Pix and Charge section;\\\n:heavy_check_mark: Done;\n\n## :rocket: Technologies ##\n\nThe following tools were used in this project:\n\n- [Html](https://developer.mozilla.org/pt-BR/docs/Web/HTML/Element/html/)  \n- [CSS](https://developer.mozilla.org/pt-BR/docs/Web/CSS)  \n- [JavaScript](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript) \n## 🤝 Collaborators\n\nWe thank the following people who contributed to this project:\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"#\"\u003e\n        \u003cimg src=\"https://avatars.githubusercontent.com/u/98772000?s=400\u0026u=80de9af672be7f75cc7a546838552cf63d5b82fe\u0026v=4\" width=\"140px;\" alt=\"Foto do Kayke Fujinaka no GitHub\"/\u003e\u003cbr\u003e\n        \u003csub\u003e\n          \u003cb\u003eKayke Alves Fujinaka\u003c/b\u003e\n        \u003c/sub\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"#\"\u003e\n        \u003cimg src=\"https://avatars.githubusercontent.com/u/82785683?v=4\" width=\"140px;\" alt=\"Foto do Pedro Henrique da Silva no GitHub\"/\u003e\u003cbr\u003e\n        \u003csub\u003e\n          \u003cb\u003ePedro Henrique da Silva\u003c/b\u003e\n        \u003c/sub\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n## 📝 License\n\nThis project is under license. See the [LICENSE](LICENSE.md) file for more details.\n\n\u0026#xa0;\n\n\u003ca href=\"#top\"\u003eBack to top\u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkayke-fujinaka%2Fpicpro","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkayke-fujinaka%2Fpicpro","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkayke-fujinaka%2Fpicpro/lists"}