{"id":30357742,"url":"https://github.com/ethereumdevtech/coming-soon-ui","last_synced_at":"2026-04-09T16:02:31.133Z","repository":{"id":210952786,"uuid":"589823649","full_name":"EthereumDevtech/coming-soon-ui","owner":"EthereumDevtech","description":"Coming soon page with react and tailwind","archived":false,"fork":false,"pushed_at":"2023-01-17T02:46:53.000Z","size":258,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-29T00:26:08.840Z","etag":null,"topics":["react","tailwindcss"],"latest_commit_sha":null,"homepage":"https://coming-soon-ui.vercel.app","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/EthereumDevtech.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}},"created_at":"2023-01-17T02:39:24.000Z","updated_at":"2023-01-17T02:48:00.000Z","dependencies_parsed_at":"2023-12-05T18:42:29.291Z","dependency_job_id":"2d1d69ef-add1-4bfc-b81a-6610af921196","html_url":"https://github.com/EthereumDevtech/coming-soon-ui","commit_stats":null,"previous_names":["pijeismart/coming-soon-ui","imjuniorcris/coming-soon-ui","ethereumdevtech/coming-soon-ui"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/EthereumDevtech/coming-soon-ui","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EthereumDevtech%2Fcoming-soon-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EthereumDevtech%2Fcoming-soon-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EthereumDevtech%2Fcoming-soon-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EthereumDevtech%2Fcoming-soon-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/EthereumDevtech","download_url":"https://codeload.github.com/EthereumDevtech/coming-soon-ui/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EthereumDevtech%2Fcoming-soon-ui/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":271121211,"owners_count":24702732,"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","status":"online","status_checked_at":"2025-08-19T02:00:09.176Z","response_time":63,"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":["react","tailwindcss"],"created_at":"2025-08-19T08:19:32.383Z","updated_at":"2026-04-09T16:02:30.832Z","avatar_url":"https://github.com/EthereumDevtech.png","language":"JavaScript","readme":"\u003cdiv id=\"top\"\u003e\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n  \u003cimg src=\"https://www.frontendmentor.io/static/images/logo-mobile.svg\" alt=\"frontendmentor\" width=\"80\"\u003e\n\n  \u003ch2 align=\"center\"\u003ePing single column coming soon page\u003c/h2\u003e\n  \u003cp align=\"center\"\u003e\n    \u003ca href=\"https://www.frontendmentor.io/challenges/ping-single-column-coming-soon-page-5cadd051fec04111f7b848da/hub\"\u003e\u003cstrong\u003eFrontend Mentor Challenge\u003c/strong\u003e\u003c/a\u003e\n    \u003cbr /\u003e\n    \u003cbr /\u003e\n    \u003ca href=\"https://ping-single-column-coming-soon-page-hdez.vercel.app/\"\u003eView Demo\u003c/a\u003e\n    ·\n    \u003ca href=\"https://github.com/MelvinAguilar/ping-single-column-coming-soon-page/issues\" target=\"_blank\"\u003eReport Bug\u003c/a\u003e\n    ·\n    \u003ca href=\"https://github.com/MelvinAguilar/ping-single-column-coming-soon-page/issues\" target=\"_blank\"\u003eRequest Feature\u003c/a\u003e\n  \u003c/p\u003e\n\u003c/div\u003e\n\n\u003c!-- Bagdes --\u003e\n\u003cdiv align=\"center\"\u003e\n  \u003c!-- Profile --\u003e\n  \u003ca href=\"https://www.frontendmentor.io/profile/MelvinAguilar\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Profile-Melvin%20Aguilar-07043B?style=for-the-badge\u0026logo=frontendmentor\" alt=\"Melvin Profile\"\u003e\n  \u003c/a\u003e\n  \u003c!-- Status --\u003e\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Status-Completed-brightgreen?style=for-the-badge\" alt=\"Status Completed\"\u003e\n  \u003c/a\u003e\n\n\u003c/div\u003e\n\n#\n\n\u003cdiv align=\"center\"\u003e\n\n![](./design/desktop-preview.jpg)\n\n\u003c/div\u003e\n\nThis is a solution to the [Ping coming soon page challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/ping-single-column-coming-soon-page-5cadd051fec04111f7b848da). Frontend Mentor challenges help you improve your coding skills by building realistic projects.\n\n\u003ch2 align=\"center\"\u003eLinks\u003c/h2\u003e\n\n- Live Site URL: [https://coming-soon-ui.vercel.app/](https://coming-soon-ui.vercel.app/)\n\n\u003cbr\u003e\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- [Author](#author)\n- [Acknowledgments](#acknowledgments)\n\n## Overview\n\n### The challenge\n\nUsers should be able to:\n\n- View the optimal layout for the site depending on their device's screen size\n- See hover states for all interactive elements on the page\n- Submit their email address using an `input` field\n- Receive an error message when the `form` is submitted if:\n  - The `input` field is empty. The message for this error should say _\"Whoops! It looks like you forgot to add your email\"_\n  - The email address is not formatted correctly (i.e. a correct email address should have this structure: `name@host.tld`). The message for this error should say _\"Please provide a valid email address\"_\n\n## My process\n\n### Built with\n\n\u003c!-- Bagdes --\u003e\n\n![](https://img.shields.io/badge/React-20232A?style=for-the-badge\u0026logo=react\u0026logoColor=61DAFB)\n![](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge\u0026logo=html5\u0026logoColor=white)\n![](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge\u0026logo=css3\u0026logoColor=white)\n![](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge\u0026logo=tailwind-css\u0026logoColor=white)\n![](https://img.shields.io/badge/Vite-646CFF?style=for-the-badge\u0026logo=vite\u0026logoColor=white)\n![](https://img.shields.io/badge/Git-F05032?style=for-the-badge\u0026logo=git\u0026logoColor=white)\n\n- React\n- React Hooks (useState, useEffect)\n- React Hook Form\n- React Toastify\n- Vite\n- Tailwind CSS\n- Semantic HTML5 markup\n- Flex Layout\n- [SASS](https://sass-lang.com/documentation/modules) - Sass modules\n\n### Useful resources\n\n- [Tailwind CSS: Responsive Design](https://tailwindcss.com/docs/responsive-design)\n- [React Hook Form: UseForm](https://react-hook-form.com/api/useform)\n- [React Toastify: ToastContainer](https://fkhadra.github.io/react-toastify/introduction)\n- [React documentation](https://reactjs.org/)\n- [A11Y 101: Ensure landmarks are unique](https://daily-dev-tips.com/posts/a11y-101-ensure-landmarks-are-unique/)\n\n## Author\n\n- Frontend Mentor - [@pijeismart](https://github.com/pijeismart)\n\n## Acknowledgments\n\nThis project uses [yarn](https://classic.yarnpkg.com). If you do not have yarn, checkout installation steps [here](https://classic.yarnpkg.com/en/docs/install).\n\n```\nyarn install\n```\n\nRuns the app in the development mode.\\\nOpen [http://localhost:3000](http://localhost:3000) to view it in your browser.\n\nThe page will reload when you make changes.\\\nYou may also see any lint errors in the console.\n\nOnce that is completed, you should be able to run the project:\n\n```\nyarn start\n```\n\n## Learn More\n\nYou can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).\n\nTo learn React, check out the [React documentation](https://reactjs.org/).\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fethereumdevtech%2Fcoming-soon-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fethereumdevtech%2Fcoming-soon-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fethereumdevtech%2Fcoming-soon-ui/lists"}