{"id":21186984,"url":"https://github.com/adrianoescarabote/payapi-website","last_synced_at":"2026-04-12T22:52:11.022Z","repository":{"id":108053622,"uuid":"604226408","full_name":"AdrianoEscarabote/PayAPI-Website","owner":"AdrianoEscarabote","description":null,"archived":false,"fork":false,"pushed_at":"2024-12-19T15:16:28.000Z","size":1049,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-21T13:07:20.614Z","etag":null,"topics":["react","react-router","styled-components","typescript"],"latest_commit_sha":null,"homepage":"https://pay-api-website-pi.vercel.app","language":"TypeScript","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/AdrianoEscarabote.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":"2023-02-20T15:49:16.000Z","updated_at":"2024-12-19T15:16:32.000Z","dependencies_parsed_at":null,"dependency_job_id":"cce0e579-830b-45e1-b89c-06219663c043","html_url":"https://github.com/AdrianoEscarabote/PayAPI-Website","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AdrianoEscarabote%2FPayAPI-Website","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AdrianoEscarabote%2FPayAPI-Website/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AdrianoEscarabote%2FPayAPI-Website/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AdrianoEscarabote%2FPayAPI-Website/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AdrianoEscarabote","download_url":"https://codeload.github.com/AdrianoEscarabote/PayAPI-Website/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243639558,"owners_count":20323511,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["react","react-router","styled-components","typescript"],"created_at":"2024-11-20T18:27:33.376Z","updated_at":"2026-04-12T22:52:05.996Z","avatar_url":"https://github.com/AdrianoEscarabote.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"- Deploy [click here](https://pay-api-website-adrianoescarabote.vercel.app/)\n\n# DESKTOP \n\nhttps://user-images.githubusercontent.com/101136987/221879205-883cda6d-a0d9-4d5c-898b-1dcaa82b3c0c.mp4\n\n# MOBILE\n\nhttps://user-images.githubusercontent.com/101136987/221890959-9f2b5ee3-36a3-407d-9361-396b3822dcbe.mp4\n\n# Frontend Mentor - PayAPI multi-page website solution\n\nThis is a solution to the [PayAPI multi-page website challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/payapi-multipage-website-FDLR1Y11e). Frontend Mentor challenges help you improve your coding skills by building realistic projects. \n\n## Table of contents\n\n- [Overview](#overview)\n  - [The challenge](#the-challenge)\n- [My process](#my-process)\n  - [Built with](#built-with)\n  - [Continued development](#continued-development)\n- [Author](#author)\n\n## Overview\n\n### The challenge\n\nUsers should be able to:\n\n- View the optimal layout for each page depending on their device's screen size\n- See hover states for all interactive elements throughout the site\n- Receive an error message when the contact form is submitted if:\n  - The `Name`, `Email Address` or `Message` fields are empty should show \"This field can't be empty\"\n  - The `Email Address` is not formatted correctly should show \"Please use a valid email address\"\n\n## My process\n\n### Built with\n\n- Semantic HTML5 markup\n- CSS custom properties\n- Flexbox\n- CSS Grid\n- Typescript\n- [React](https://reactjs.org/) - JS library\n- [Styled Components](https://styled-components.com/) - For styles\n\n### Continued development\n\nIt is with great satisfaction that I express my gratitude for having completed this project. It was a very comprehensive and successful initiative, which involved the creation of a four-page website and represented an excellent test of my skills in building responsive layouts. The site in question is a complete marketing tool, which has personalized form validation. Importantly, I paid special attention to performance, accessibility, and SEO, which resulted in excellent reviews for Lighthouse (PC).\n\n\u003cbr\u003e\n\n![](./screenshots/stats-project.png)\n\nI have a strong desire to start larger projects, perhaps exploring different technologies.\n\n## Author\n\n- Linkedin - [AdrianoEscarabote](https://www.linkedin.com/in/adriano-escarabote-944b02233/)\n- Frontend Mentor - [@AdrianoEscarabote](https://www.frontendmentor.io/profile/AdrianoEscarabote)\n- Instagram - [@ogdrian](https://www.instagram.com/ogdrian/)\n- Twitter - [@drianEscarabote](https://twitter.com/drianEscarabote)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadrianoescarabote%2Fpayapi-website","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fadrianoescarabote%2Fpayapi-website","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadrianoescarabote%2Fpayapi-website/lists"}