{"id":19852951,"url":"https://github.com/rafael-vasconcellos/easybank","last_synced_at":"2026-04-13T03:02:17.862Z","repository":{"id":243989877,"uuid":"813984215","full_name":"rafael-vasconcellos/easybank","owner":"rafael-vasconcellos","description":"ssg of a landing page made with astro","archived":false,"fork":false,"pushed_at":"2024-09-16T22:36:47.000Z","size":1049,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-28T23:23:40.431Z","etag":null,"topics":["astro","landing-page","solid-js","solidjs","ssg","tailwindcss"],"latest_commit_sha":null,"homepage":"https://rafael-vasconcellos.github.io/easybank/","language":"CSS","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/rafael-vasconcellos.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-06-12T05:55:33.000Z","updated_at":"2024-11-09T07:44:18.000Z","dependencies_parsed_at":"2024-06-12T11:35:53.678Z","dependency_job_id":"b3fc775e-e29a-4345-9921-37ad01052890","html_url":"https://github.com/rafael-vasconcellos/easybank","commit_stats":null,"previous_names":["rafael-vasconcellos/easybank"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/rafael-vasconcellos/easybank","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rafael-vasconcellos%2Feasybank","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rafael-vasconcellos%2Feasybank/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rafael-vasconcellos%2Feasybank/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rafael-vasconcellos%2Feasybank/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rafael-vasconcellos","download_url":"https://codeload.github.com/rafael-vasconcellos/easybank/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rafael-vasconcellos%2Feasybank/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260288461,"owners_count":22986665,"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":["astro","landing-page","solid-js","solidjs","ssg","tailwindcss"],"created_at":"2024-11-12T14:05:00.762Z","updated_at":"2026-04-13T03:02:17.804Z","avatar_url":"https://github.com/rafael-vasconcellos.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# About\n\nThis is a solution to the [Easybank landing page challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/easybank-landing-page-WaUhkoDN). 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  - [Links](#links)\n- [My process](#my-process)\n  - [Built with](#built-with)\n  - [What I learned](#what-i-learned)\n- [How to build](#how-to-build)\n- [Author](#author)\n- [Recommended hosts](#recommended-hosts)\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\n### Links\n\n- Solution URL: [Add solution URL here](https://your-solution-url.com)\n- Live Site URL: [Add live site URL here](https://your-live-site-url.com)\n\n## My process\n\n### Built with\n\n- Semantic HTML5 markup\n- CSS custom properties\n- Flexbox\n- [Solid JS](https://docs.solidjs.com/quick-start) - JS library\n- [Astro](https://docs.astro.build/en/concepts/why-astro/) - UI framework agnostic\n- [tailwindcss](https://tailwindcss.com/docs/installation) - For styles\n\n### What I learned\nthe purpose behind the stack choice was to learn how to build static files with astro, especially for landing pages, using various UI frameworks, similar to Gatsby with React. see what I learned below:\n\n#### core concepts\n+ .astro files (for pages, layouts and components)\n+ integrations and templates\n+ component islands\n\n#### cool stuff\n+ suport for view transitions\n+ endpoints \u0026 middleware\n+ localization\n\n#### Anatomy of the build (from what I got)\n\nstatic components -\u003e embedded CSS  \nastro bundle -\u003e embedded JS  \n**_astro/web.CKEhz0Ta.js:** UI Framework (solid)  \n**_astro/client.DKvI4T_I:** \"renderer\"\n\n#### Base URL\n\nthe configuration of the base url for static files\n\n```javascript\n// https://astro.build/config\nexport default defineConfig({\n  // Enable Solid to support Solid JSX components.\n  integrations: [solid(), tailwind()],\n  base: 'easybank/', // base url for static files, configured for github pages\n});\n```\n\n## How to build\n\n```bash\n# install the dependencies\n$ npm install\n\n# build\n$ npm run build\n\n# preview\n$ npm run preview\n```\n\nthe files will be built into the *dist* folder\n\n## Author\n\n- Website - [Rafael](https://rafael-vasconcellos.github.io/)\n- Frontend Mentor - [@rafael-vasconcellos](https://www.frontendmentor.io/profile/rafael-vasconcellos)\n\n## Recommended hosts\n\n- [GitHub Pages](https://pages.github.com/)\n- [Netlify](https://www.netlify.com/)\n- [Cloudflare](https://www.cloudflare.com/)\n- [Glitch](https://www.glitch.com/)\n- [Vercel](https://vercel.com/)\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frafael-vasconcellos%2Feasybank","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frafael-vasconcellos%2Feasybank","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frafael-vasconcellos%2Feasybank/lists"}