{"id":26470077,"url":"https://github.com/little-software-engineer/air-n-port-website","last_synced_at":"2026-04-12T00:34:02.506Z","repository":{"id":281047168,"uuid":"912457501","full_name":"little-software-engineer/air-n-port-website","owner":"little-software-engineer","description":"Fun personal project displaying famous airports and iconic airport looks ","archived":false,"fork":false,"pushed_at":"2026-04-11T11:57:04.000Z","size":8700,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-04-11T13:26:24.196Z","etag":null,"topics":["airport","css","frontend","html","javascript","jsx","react","reactvite"],"latest_commit_sha":null,"homepage":"","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/little-software-engineer.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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-01-05T16:21:51.000Z","updated_at":"2026-04-11T11:57:06.000Z","dependencies_parsed_at":"2025-03-06T18:37:43.575Z","dependency_job_id":null,"html_url":"https://github.com/little-software-engineer/air-n-port-website","commit_stats":null,"previous_names":["little-software-engineer/air-n-port-website"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/little-software-engineer/air-n-port-website","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/little-software-engineer%2Fair-n-port-website","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/little-software-engineer%2Fair-n-port-website/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/little-software-engineer%2Fair-n-port-website/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/little-software-engineer%2Fair-n-port-website/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/little-software-engineer","download_url":"https://codeload.github.com/little-software-engineer/air-n-port-website/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/little-software-engineer%2Fair-n-port-website/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31700461,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-11T21:17:31.016Z","status":"ssl_error","status_checked_at":"2026-04-11T21:17:24.556Z","response_time":54,"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":["airport","css","frontend","html","javascript","jsx","react","reactvite"],"created_at":"2025-03-19T17:10:17.633Z","updated_at":"2026-04-12T00:34:02.497Z","avatar_url":"https://github.com/little-software-engineer.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Air N Port\n\nWelcome to the **Air-N-Port**, a React-powered Vite website designed to highlight famous airports and iconic airport looks. This project is a fun and interactive frontend that combines sleek design and engaging content to deliver an entertaining user experience.\n\n---\n\n## Features\n\n###  **Fun Frontend Design**\n- A visually appealing and dynamic user interface.\n- Smooth navigation between sections.\n\n###  **Airport Highlights**\n- Explore detailed showcases of world-famous airports.\n\n###  **Iconic Airport Looks**\n- Discover timeless airport outfits from celebrities and style icons.\n- Interactive slideshow featuring curated images and descriptions.\n\n###  **Interactive Navigation**\n- Navigate effortlessly between the homepage, explore page, and more using the responsive navbar.\n- Integrated play/pause functionality and a dynamic hero slider.\n\n---\n\n## Tech Stack\n\n###  **Built with:**\n- [React](https://reactjs.org/) - A JavaScript library for building user interfaces.\n- [Vite](https://vitejs.dev/) - A fast build tool and development server.\n- [CSS Modules](https://github.com/css-modules/css-modules) - For modular and reusable styles.\n\n---\n\n## Installation and Setup\n\nTo run this project locally:\n\n1. **Clone the repository:**\n   ```bash\n   git clone https://github.com/your-username/air-n-port-webiste.git\n   ```\n\n2. **Navigate to the project directory:**\n   ```bash\n   cd air-n-port-website\n   ```\n\n3. **Install dependencies:**\n   ```bash\n   npm install\n   ```\n\n4. **Start the development server:**\n   ```bash\n   npm run dev\n   ```\n\n5. Open your browser and go to `http://localhost:5173` to view the project.\n\n---\n\n\n## Contributing\n\nContributions are welcome! If you have ideas to improve the project or want to add new features, feel free to open a pull request or submit an issue.\n\n---\n\n\n## Acknowledgments\n\nSpecial thanks to:\n- The open-source community for the amazing tools and libraries.\n- All contributors and supporters of this project.\n- All the icons used in the project were taken from https://www.flaticon.com/ \n- Shoutout to the airport theme image owners: https://www.google.com/imgres?q=frankfurt%20airport\u0026imgurl=https%3A%2F%2Fschengen.news%2Fwp-content%2Fuploads%2F2023%2F10%2FInterior-of-the-Frankfurt-International-Airport.jpg\u0026imgrefurl=https%3A%2F%2Fschengen.news%2Ffrankfurt-airport-sees-21-growth-in-passenger-traffic-reaching-59-4-million-in-2023%2F\u0026docid=xPyKzCpMbtULqM\u0026tbnid=OyQb1r9uYCz-sM\u0026vet=12ahUKEwiP_bvIlO6KAxXXFBAIHdniC4gQM3oECGUQAA..i\u0026w=1200\u0026h=675\u0026hcb=2\u0026ved=2ahUKEwiP_bvIlO6KAxXXFBAIHdniC4gQM3oECGUQAA , https://www.google.com/url?sa=i\u0026url=https%3A%2F%2Fwww.thrillist.com%2Ftravel%2Fnation%2Ffrankfurt-airport-guide\u0026psig=AOvVaw2kcPcnRwl1S1VBzkzFoZgm\u0026ust=1736701818845000\u0026source=images\u0026cd=vfe\u0026opi=89978449\u0026ved=0CBcQjhxqFwoTCKCvmNCU7ooDFQAAAAAdAAAAABAE , https://www.google.com/url?sa=i\u0026url=https%3A%2F%2Fwww.visitpasadena.com%2Fdirectory%2Flos-angeles-international-airport-lax%2F\u0026psig=AOvVaw1onU-malYatVX_r-IRf0Gt\u0026ust=1736701844353000\u0026source=images\u0026cd=vfe\u0026opi=89978449\u0026ved=0CBcQjhxqFwoTCLCt9NaU7ooDFQAAAAAdAAAAABAE , https://www.google.com/url?sa=i\u0026url=https%3A%2F%2Fwww.welcomepickups.com%2Fnice%2Fnice-airport%2F\u0026psig=AOvVaw1De4qjuAcdb1ASQFHX9OYc\u0026ust=1736701871641000\u0026source=images\u0026cd=vfe\u0026opi=89978449\u0026ved=0CBcQjhxqFwoTCJiGsOSU7ooDFQAAAAAdAAAAABAE , https://www.google.com/url?sa=i\u0026url=https%3A%2F%2Fwww.vinci-concessions.com%2Fen%2Finfrastructure%2Fbelgrade-airport\u0026psig=AOvVaw19nPgZhAZsCkC8O7iSUUkf\u0026ust=1736702083825000\u0026source=images\u0026cd=vfe\u0026opi=89978449\u0026ved=0CBcQjhxqFwoTCJC83MiV7ooDFQAAAAAdAAAAABAE , https://www.google.com/url?sa=i\u0026url=https%3A%2F%2Fwww.knkx.org%2F2020-05-07%2Fface-coverings-will-be-mandatory-for-all-passengers-at-lax\u0026psig=AOvVaw25jUoZffCgkO1vwIk11T-A\u0026ust=1736702153774000\u0026source=images\u0026cd=vfe\u0026opi=89978449\u0026ved=0CBEQjhxqFwoTCIirwuqV7ooDFQAAAAAdAAAAABAE , https://www.google.com/url?sa=i\u0026url=https%3A%2F%2Fwww.pandahub.com%2Fblog%2Fis-there-a-hotel-inside-lax-airport\u0026psig=AOvVaw2_Epikpj7i9Rq9lO44jOci\u0026ust=1736702176339000\u0026source=images\u0026cd=vfe\u0026opi=89978449\u0026ved=0CBEQjhxqFwoTCKCb-vSV7ooDFQAAAAAdAAAAABAE , https://www.google.com/url?sa=i\u0026url=https%3A%2F%2Fairportindustry-news.com%2Ffraport-and-lufthansa-jv-aims-to-improve-services-at-frankfurt-airport%2F\u0026psig=AOvVaw3ikasO75lZFOdTHr5RuB-C\u0026ust=1738674299451000\u0026source=images\u0026cd=vfe\u0026opi=89978449\u0026ved=0CBcQjhxqFwoTCLiJmNHIp4sDFQAAAAAdAAAAABAE\n- Shoutout to the airport looks theme image owners: https://www.gq.com/gallery/incredible-90s-airport-style , https://www.vogue.com/article/supermodels-90s-airport-style, https://www.wmagazine.com/fashion/best-90s-airport-celebrity-fashion-style , https://www.google.com/url?sa=i\u0026url=https%3A%2F%2Fwww.gq.com%2Fgallery%2Fincredible-90s-airport-style\u0026psig=AOvVaw2QVugqPonwb5ip2DwyYoMi\u0026ust=1736702002606000\u0026source=images\u0026cd=vfe\u0026opi=89978449\u0026ved=0CBcQjhxqFwoTCOjki62V7ooDFQAAAAAdAAAAABAR \n- Airplane video link: https://www.youtube.com/watch?v=g77VMRK8HBg\u0026pp=ygUbbm8gY29weXJpZ2h0IGFpcnBsYW5lIHZpZGVv\n---\n\nHappy exploring! \n\n\n\n# React + Vite\n\nThis template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.\n\nCurrently, two official plugins are available:\n\n- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh\n- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flittle-software-engineer%2Fair-n-port-website","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flittle-software-engineer%2Fair-n-port-website","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flittle-software-engineer%2Fair-n-port-website/lists"}