{"id":19170212,"url":"https://github.com/7malikk/space-tourism-website","last_synced_at":"2026-06-11T23:31:20.237Z","repository":{"id":110534161,"uuid":"450289975","full_name":"7malikk/space-tourism-website","owner":"7malikk","description":null,"archived":false,"fork":false,"pushed_at":"2023-05-05T18:54:01.000Z","size":2440,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-23T00:14:06.355Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/7malikk.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":"2022-01-20T23:26:30.000Z","updated_at":"2022-02-27T18:45:11.000Z","dependencies_parsed_at":null,"dependency_job_id":"03ae65cb-ffd4-4c09-a804-dcafbccc9ecd","html_url":"https://github.com/7malikk/space-tourism-website","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/7malikk/space-tourism-website","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/7malikk%2Fspace-tourism-website","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/7malikk%2Fspace-tourism-website/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/7malikk%2Fspace-tourism-website/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/7malikk%2Fspace-tourism-website/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/7malikk","download_url":"https://codeload.github.com/7malikk/space-tourism-website/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/7malikk%2Fspace-tourism-website/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34222709,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-11T02:00:06.485Z","response_time":57,"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":[],"created_at":"2024-11-09T09:53:22.032Z","updated_at":"2026-06-11T23:31:20.221Z","avatar_url":"https://github.com/7malikk.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Frontend Mentor - Space tourism website solution\n\nThis is a solution to the [Space tourism website challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/space-tourism-multipage-website-gRWj1URZ3). 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  - [Screenshot](#screenshot)\n  - [Links](#links)\n- [My process](#my-process)\n  - [Built with](#built-with)\n  - [What I learned](#what-i-learned)\n  - [Continued development](#continued-development)\n  - [Useful resources](#useful-resources)\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 each of the website's pages depending on their device's screen size\n- See hover states for all interactive elements on the page\n- View each page and be able to toggle between the tabs to see new information\n\n### Screenshot\n\n![](./assets/space-tourism-website.png)\n\n### Links\n\n- Live Site URL: [Space Tourism Website](https://willowy-choux-ac38f7.netlify.app/)\n\n## My process\n\n### Built with\n\n- Semantic HTML5 markup\n- CSS custom properties\n- Flexbox\n- Bootstrap\n- Mobile-first workflow\n- Vanilla Javascript\n\n### What I learned\n\nI took up this challenge to practice my javascript skills and learn more, i learnt how to fetch data from a json folder and manipulate said data to be displayed on various pages.\n\nI also learnt to loop through an array using the map() array method, and also used the eventlistener in my script and not my html as i usually did.\n\nThe code below is what i've learnt in code, haha.\n\n```\nfetch('../js/json/data.json')\n  .then((Response) =\u003e {\n    return Response.json();\n  })\n\n  .then((data) =\u003e {\n    const { crew } = data;\n\n    arrofData = [role, bio, dp, userName];\n\n    arrofImg.forEach((member, index) =\u003e {\n      member.addEventListener('click', (e) =\u003e {\n        userName.innerHTML = crew[index].name.toUpperCase();\n        bio.innerHTML = crew[index].bio;\n        role.innerHTML = crew[index].role.toUpperCase();\n        dp.src = crew[index].images.png;\n        e.preventDefault();\n      });\n    });\n  });\n\n```\n\n### Continued development\n\nI look forward to working more with Javascript and be able to implement and solve more problems with it\n\n### Useful resources\n\n- GOOGLE has helped me alot, through the different parts of this project\n\n## Author\n\n- LinkedIn - [Olatunbosun Ola](https://www.linkedin.com/in/olatunbosun-olaosebikan-331a291ab/)\n- Frontend Mentor - [@7malikk](https://www.frontendmentor.io/profile/7malikk)\n\n## Acknowledgments\n\nMany thanks to my friend Micheal Nwogu, he was of great help during this project.\nAlongside the dev accountability group i belong to, they helped in easy they do not know.\nAlso i also want to thank another friend of mine, Asah Victor for always pushing me in his own way unknowingly.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F7malikk%2Fspace-tourism-website","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F7malikk%2Fspace-tourism-website","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F7malikk%2Fspace-tourism-website/lists"}