{"id":28327494,"url":"https://github.com/MartinWebDev95/BasicDept","last_synced_at":"2025-06-24T05:31:16.392Z","repository":{"id":294407539,"uuid":"986211431","full_name":"MartinWebDev95/BasicDept","owner":"MartinWebDev95","description":"Frontend Practice challenge where i have recreated the BASIC/DEPT website using Astro and React.","archived":false,"fork":false,"pushed_at":"2025-06-02T12:08:38.000Z","size":37125,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-06-02T23:52:45.729Z","etag":null,"topics":["astro","css-modules","frontend","frontend-practice","javascript","reactjs","vercel-deployment"],"latest_commit_sha":null,"homepage":"https://basicdept-gamma.vercel.app","language":"Astro","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/MartinWebDev95.png","metadata":{"files":{"readme":"README.en.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,"zenodo":null}},"created_at":"2025-05-19T09:18:15.000Z","updated_at":"2025-06-02T12:08:42.000Z","dependencies_parsed_at":"2025-06-03T00:07:19.509Z","dependency_job_id":null,"html_url":"https://github.com/MartinWebDev95/BasicDept","commit_stats":null,"previous_names":["martinwebdev95/basic-dept","martinwebdev95/basicdept"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/MartinWebDev95/BasicDept","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MartinWebDev95%2FBasicDept","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MartinWebDev95%2FBasicDept/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MartinWebDev95%2FBasicDept/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MartinWebDev95%2FBasicDept/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MartinWebDev95","download_url":"https://codeload.github.com/MartinWebDev95/BasicDept/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MartinWebDev95%2FBasicDept/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261613610,"owners_count":23184438,"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","css-modules","frontend","frontend-practice","javascript","reactjs","vercel-deployment"],"created_at":"2025-05-26T03:15:01.798Z","updated_at":"2025-06-24T05:31:16.384Z","avatar_url":"https://github.com/MartinWebDev95.png","language":"Astro","funding_links":[],"categories":[],"sub_categories":[],"readme":"[Button Language]: https://img.shields.io/badge/Read%20In%20English-000000?style=for-the-badge\n\n[![Button Language]](https://github.com/MartinWebDev95/BasicDept/blob/master/README.en.md)\n\n# BASIC/DEPT\u0026COPY;                              \n---\n\n[Basic Dept]: https://img.shields.io/badge/BASIC%20DEPT\u0026COPY;-000000?style=for-the-badge\n[Challenge]: https://img.shields.io/badge/Frontend%20Practice%20Challenge-000000?style=for-the-badge\n\nFrontend Practice challenge where i have recreated the BASIC/DEPT\u0026COPY; website using Astro and React.\n\n[![Basic Dept]](https://basicdept-gamma.vercel.app/)\n[![Challenge]](https://www.frontendpractice.com/projects/basic)\n\n## 👨🏽‍💻 What technologies have I used?\n---\n\n[Button Vercel]: https://img.shields.io/badge/Deploy%20on%20Vercel-000000?style=for-the-badge\u0026logo=vercel\n[Button Astro]: https://img.shields.io/badge/Astro-000000?style=for-the-badge\u0026logoColor=ffff\u0026logo=astro\n[Button React]: https://img.shields.io/badge/React-000000?style=for-the-badge\u0026logo=react\n[Button CSS]: https://img.shields.io/badge/CSS%20Modules-000000?style=for-the-badge\u0026logo=css\n[Button Javascript]: https://img.shields.io/badge/Javascript-000000?style=for-the-badge\u0026logo=javascript\n[Button Highcharts]: https://img.shields.io/badge/Highcharts-000000?style=for-the-badge\n\n[![Button Astro]](https://astro.build/)\n[![Button React]](https://react.dev/)\n[![Button CSS]]()\n[![Button Javascript]](https://developer.mozilla.org/es/docs/Learn_web_development/Core/Scripting/What_is_JavaScript)\n[![Button Vercel]](https://vercel.com/)\n\n- **Astro:** I have used Astro as the framework for developing the website, as it allows reducing JavaScript overhead in the browser and improves website performance, in addition to having good SEO.\n\n- **React:** I have used React for components that require user interaction.\n\n- **CSS Modules:** I have used CSS Modules for styling React components, which allows me to have modular styles and avoid naming conflicts.\n\n- **Javascript:** I have used JavaScript to create scripts such as changing the website theme when scrolling to a specific section and hiding/showing the header on scroll.\n\n## 📸 Some Screenshots!\n---\n\n![Hero Section Screenshot](https://github.com/MartinWebDev95/BasicDept/blob/master/public/screenshots/heroSection.png)\n\n![Header Screenshot](https://github.com/MartinWebDev95/BasicDept/blob/master/public/screenshots/header.png)\n\n![Featured Engagement Screenshot](https://github.com/MartinWebDev95/BasicDept/blob/master/public/screenshots/featuredEngagements.png)\n\n![Brands Screenshot](https://github.com/MartinWebDev95/BasicDept/blob/master/public/screenshots/brands.png)\n\n![Featured News Screenshot](https://github.com/MartinWebDev95/BasicDept/blob/master/public/screenshots/featuredNews.png)\n\n![Footer Screenshot](https://github.com/MartinWebDev95/BasicDept/blob/master/public/screenshots/footer.png)\n\n![Menu Mobile Screenshot](https://github.com/MartinWebDev95/BasicDept/blob/master/public/screenshots/menuMobile.png)\n\n![Horizontal Menu Screenshot](https://github.com/MartinWebDev95/BasicDept/blob/master/public/screenshots/horizontalMenu.png)\n\n## 🗃️ Project Structure\n---\n\nThis is the structure that i have used in this project:\n\n```\n/\n├── public/\n│   └── assets/          \n│       └── image.jpg\n│\n├── src/\n│   ├── components/\n│   │    ├── Component/\n│   │    │        └── index.jsx\n│   │    │        └── Component.module.css  \n│   │    └── Component.astro\n│   ├── utils/\n│   │   └── util.js\n│   ├── layout/\n│   │   └── Layout.astro\n│   ├── pages/\n│   │   └── index.astro\n│   ├── hooks/\n│   │   └── useHook.js\n│   └── scripts/\n│       └── script.js \n└── package.json\n```\n\n## 👀 Where you can find me?\n---\n\n[Button Portfolio]: https://img.shields.io/badge/Visit%20my%20Portfolio-000000?style=for-the-badge\n[Button LinkedIn]: https://img.shields.io/badge/LinkedIn-0A66C2?style=for-the-badge\n\n[![Button Portfolio]](https://portfolio-martinwebdev95.vercel.app/en)\n[![Button LinkedIn]](https://www.linkedin.com/in/jamartindev/)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMartinWebDev95%2FBasicDept","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FMartinWebDev95%2FBasicDept","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMartinWebDev95%2FBasicDept/lists"}