{"id":21206915,"url":"https://github.com/sucodelarangela/meteora","last_synced_at":"2026-01-25T18:32:07.387Z","repository":{"id":177031319,"uuid":"652016317","full_name":"sucodelarangela/meteora","owner":"sucodelarangela","description":"Landing page de um e-commerce fictício de roupas e acessórios chamado Meteora, desenvolvido com Vue, TypeScript, Pinia, Bootstrap 5 e Bootstrap Icons. Projeto resultado do 7º Desafio Front End da Alura. ","archived":false,"fork":false,"pushed_at":"2024-08-19T19:40:34.000Z","size":6265,"stargazers_count":10,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-05T12:11:11.644Z","etag":null,"topics":["bootstrap","bootstrap5","bootstrapicons","challengealura","challengefrontend","pinia","sass","scss","typescript","vitrinedev","vue","vue3","vuejs"],"latest_commit_sha":null,"homepage":"https://meteorastore.vercel.app/","language":"Vue","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/sucodelarangela.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-06-10T20:15:34.000Z","updated_at":"2024-08-19T19:48:27.000Z","dependencies_parsed_at":"2024-08-19T23:24:05.326Z","dependency_job_id":null,"html_url":"https://github.com/sucodelarangela/meteora","commit_stats":null,"previous_names":["sucodelarangela/meteora"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/sucodelarangela/meteora","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sucodelarangela%2Fmeteora","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sucodelarangela%2Fmeteora/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sucodelarangela%2Fmeteora/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sucodelarangela%2Fmeteora/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sucodelarangela","download_url":"https://codeload.github.com/sucodelarangela/meteora/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sucodelarangela%2Fmeteora/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28756442,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-25T16:32:25.380Z","status":"ssl_error","status_checked_at":"2026-01-25T16:32:09.189Z","response_time":113,"last_error":"SSL_read: 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":["bootstrap","bootstrap5","bootstrapicons","challengealura","challengefrontend","pinia","sass","scss","typescript","vitrinedev","vue","vue3","vuejs"],"created_at":"2024-11-20T20:57:12.559Z","updated_at":"2026-01-25T18:32:07.371Z","avatar_url":"https://github.com/sucodelarangela.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv id='top'\u003e\n\n# Meteora: Landing Page E-Commerce | 7º Challenge Front-end Alura\n\n\u003c/div\u003e\n\n_[Read it in English](#English)_\n\nA **Meteora** é uma empresa fictícia de comércio eletrônico de roupas atemporais, casuais e sem gênero, que acredita que a moda é muito mais do que apenas tendências passageiras e oferece peças versáteis que se adaptam a qualquer estilo e ocasião. Este projeto foi desenvolvido como resultado de um Desafio Front-End (7ª edição) exclusivo para alunos da escola de tecnologia [Alura](https://www.alura.com.br).\n\nAs tecnologias e linguagens utilizadas nesse desafio foram:\n\n\u003cdiv\u003e\n  \u003cimg src=\"https://img.shields.io/badge/vue 3-1a1a1a?style=for-the-badge\u0026logo=vue.js\u0026logoColor=4FC08D\"/\u003e\n  \u003cimg src=\"https://img.shields.io/badge/vite-1e1e20?style=for-the-badge\u0026logo=vite\u0026logoColor=646CFF\"/\u003e\n  \u003cimg src=\"https://img.shields.io/badge/pinia-111827?style=for-the-badge\u0026logo=pinia\u0026logoColor=131a27\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/typescript-3178C6?style=for-the-badge\u0026logo=typescript\u0026logoColor=white\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/bootstrap 5-7952B3?style=for-the-badge\u0026logo=bootstrap\u0026logoColor=ffffff\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/sass-f8f9fa?style=for-the-badge\u0026logo=sass\u0026logoColor=CC6699\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/vite pwa plugin-1e1e20?style=for-the-badge\"\u003e\n\u003c/div\u003e\n\n\u003e Você pode saber um pouco mais como funcionam os _challenges_ da Alura visitando a seção [**🦾 Sobre o desafio**](#challenge).\n\n\u003c!-- prettier-ignore --\u003e\n| 🪧 Vitrine Dev |  |\n| ------------- | - |\n| ✨ Nome       | **Meteora - Ecommerce** - Challenge Alura |\n| 🏷️ Tecnologias | Vue 3, Vite, Pinia, TypeScript, Bootstrap 5, Sass, Vite-Pwa-Plugin |\n| 🚀 URL         | **https://meteorastore.vercel.app/** |\n| 🔥 Desafio     | [**Design no Figma**](https://www.figma.com/file/0mR3RFueSiD6pP3B1VUG8U/Challenge-Front-end-%7C-Loja-Meteora-(Copy)?node-id=2386%3A2430\u0026mode=dev) |\n\n![](./public/og-image.png#vitrinedev)\n\n\u003cdiv id=\"challenge\"\u003e\u003c/div\u003e\n\n## 🦾 Sobre o desafio\n\nO Desafio simula um ambiente de trabalho real, com tarefas exigidas pelos designers por meio de cartões no **Trello**. É necessário comunicar-se e entender o que os designers realmente querem de cada tarefa, podemos escolher a tecnologia que desejarmos para desenvolver o código. Podemos, também, adicionar recursos e sugerir modificações.\n\nNão há aulas específicas para o desafio, por isso devemos desenvolver com o conhecimento que temos. As instrutoras preparam um plano de estudos com dicas de conhecimentos que podemos precisar caso precisemos fazer algo e não saibamos exatamente como fazer, mas é nossa responsabilidade buscar e trocar informações com outros desenvolvedores para realizar o trabalho.\n\nO Desafio dura 4 semanas. Todas as segundas-feiras durante 3 semanas receberemos novos trabalhos dos designers e devemos desenvolver o que foi pedido. Na semana 4, estamos livres para implementar novos recursos ou brincar com estilos e outros questões de aparência.\n\nO Desafio começou em 19 de junho de 2023.\n\n\u003ca href='#top'\u003e🔼 Voltar ao topo\u003c/a\u003e\n\n---\n\n\u003cdiv id=\"English\"\u003e\n\n_English version_\n\n\u003c/div\u003e\n\n## 🔎 Overview\n\n**Meteora** is a fictional timeless, casual, no-gender clothes e-commerce tha believes fashion is much more than just passing trends and offers versatile pieces that adapt to any style and occasion. This project is being developed as a result of a Front-End Challenge (7th edition) exclusively for students of [Alura](https://www.alura.com.br) tech school.\n\nThe stack used in this challenge was:\n\n\u003cdiv\u003e\n  \u003cimg src=\"https://img.shields.io/badge/vue 3-1a1a1a?style=for-the-badge\u0026logo=vue.js\u0026logoColor=4FC08D\"/\u003e\n  \u003cimg src=\"https://img.shields.io/badge/vite-1e1e20?style=for-the-badge\u0026logo=vite\u0026logoColor=646CFF\"/\u003e\n  \u003cimg src=\"https://img.shields.io/badge/typescript-3178C6?style=for-the-badge\u0026logo=typescript\u0026logoColor=white\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/bootstrap 5-7952B3?style=for-the-badge\u0026logo=bootstrap\u0026logoColor=ffffff\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/vite pwa plugin-1e1e20?style=for-the-badge\"\u003e\n\u003c/div\u003e\n\n## 🦾 About the challenge\n\nThe Challenge simulates a real work environment, with tasks required by the designers via **Trello** cards, so students may experience how a real job feels like. It is necessary to communicate and understand what the designers really want from each task, we can choose the technology that best apply for us to develop the code. We can add features and suggest modifications in case we have better ideas and so on.\n\nThere are no specific classes for the challenge, so we must go on with the knowledge we have. The instructors prepare a study plan with tips of things we might need in case we wish to do something and don't know exactly how to do it, but it is our part to seek and exchange info with other developers to get the job done.\n\nThe Challenge lasts 4 weeks. Every Monday for 3 weeks we will receive new assignments from the designers and should develop what was asked. On week 4 we are free to implement new features or play with styles and othe appearances feats.\n\nThe Challenge started at June 19th, 2023.\n\n\u003ca href='#top'\u003e🔼 Back to top\u003c/a\u003e\n\n---\n\nDeveloped with 🧡 by [@sucodelarangela 🍊](https://angelacaldas.vercel.app)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsucodelarangela%2Fmeteora","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsucodelarangela%2Fmeteora","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsucodelarangela%2Fmeteora/lists"}