{"id":15714530,"url":"https://github.com/codehunt101/space-travel","last_synced_at":"2026-04-09T17:08:45.309Z","repository":{"id":252542283,"uuid":"837548343","full_name":"CodeHunt101/space-travel","owner":"CodeHunt101","description":"Frontend application built with React and Next.js that offers an interactive and visually engaging experience for exploring space destinations, learning about crew members, and discovering space travel technologies. It features responsive design, smooth animations, and accessibility enhancements.","archived":false,"fork":false,"pushed_at":"2024-09-22T07:05:42.000Z","size":6789,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-30T19:47:03.299Z","etag":null,"topics":["css","html","javascript","jest","nextjs","react","scss","typescript"],"latest_commit_sha":null,"homepage":"https://spacetravel-fe.vercel.app","language":"TypeScript","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/CodeHunt101.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-08-03T09:55:59.000Z","updated_at":"2024-12-22T21:55:12.000Z","dependencies_parsed_at":"2024-10-24T11:59:11.249Z","dependency_job_id":"e26756af-0396-4b91-a0e5-7530b8a06356","html_url":"https://github.com/CodeHunt101/space-travel","commit_stats":null,"previous_names":["codehunt101/space-travel"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeHunt101%2Fspace-travel","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeHunt101%2Fspace-travel/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeHunt101%2Fspace-travel/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeHunt101%2Fspace-travel/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/CodeHunt101","download_url":"https://codeload.github.com/CodeHunt101/space-travel/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246372503,"owners_count":20766626,"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":["css","html","javascript","jest","nextjs","react","scss","typescript"],"created_at":"2024-10-03T21:37:49.405Z","updated_at":"2025-12-30T20:28:39.027Z","avatar_url":"https://github.com/CodeHunt101.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Space Travel - Frontend Application\n\nWelcome to the **Space Travel** frontend application! This project is a sleek and interactive web application designed to let users explore various space travel destinations, learn about the crew members, and discover the latest technology used in space exploration.\n\nIt features responsive design, smooth animations, and accessibility enhancements, making it a polished and user-friendly application. The project is well-structured with modular components, comprehensive testing, and clear documentation, making it easy to extend and maintain.\n\n## Table of Contents\n\n- [Demo](#demo)\n- [Features](#features)\n- [Getting Started](#getting-started)\n  - [Installation](#installation)\n  - [Running the Application](#running-the-application)\n  - [Building the Application](#building-the-application)\n- [Project Structure](#project-structure)\n- [Testing](#testing)\n- [Technologies Used](#technologies-used)\n- [Contributing](#contributing)\n\n## Demo\n\nCheck out the live version of the Space Travel application [here](https://spacetravel-fe.vercel.app/).\n\n## Features\n\n- **Interactive Navigation:** Explore different sections (Home, Destination, Crew, and Technology) using a responsive and accessible navigation menu.\n- **Dynamic Content:** Each section dynamically loads content, such as destinations with detailed descriptions and travel information.\n- **Accessible Components:** Designed with accessibility in mind, including ARIA attributes and semantic HTML.\n- **Responsive Design:** Optimized for various screen sizes and devices.\n- **Smooth Animations:** Page transitions and component interactions include subtle animations for a polished user experience.\n\n## Getting Started\n\n### Installation\n\nFirst, clone the repository to your local machine:\n\n```bash\ngit clone https://github.com/yourusername/space-travel.git\ncd space-travel\n```\n\nInstall the necessary dependencies:\n\n```bash\nnpm install\n```\n\n### Running the Application\n\nTo run the application locally, use:\n\n```bash\nnpm run dev\n```\n\nThis command will start a development server at `http://localhost:3000/`.\n\n### Building the Application\n\nTo create an optimized production build, run:\n\n```bash\nnpm run build\n```\n\nTo start the production server:\n\n```bash\nnpm start\n```\n\n## Project Structure\n\nHere's a brief overview of the project's structure:\n\n```plaintext\nspace-travel/\n├── public/                # Public assets (images, icons, etc.)\n├── src/\n│   ├── app/               # Main application components and pages\n│   │   ├── components/    # Reusable UI components and SCSS modules\n│   │   ├── styles/        # Global SCSS styles\n│   │   ├── utils/         # Utility functions and type definitions\n│   │   ├── data.json      # Static data for destinations, crew, and technology\n│   │   └── ...            # Other application-specific files such as pages\n├── .eslintrc.json         # ESLint configuration\n├── .gitignore             # Files and directories to be ignored by git\n├── package.json           # Project metadata and npm scripts\n├── tsconfig.json          # TypeScript configuration\n└── README.md              # Project documentation\n```\n\n### Key Components\n\n- **NavBar:** A responsive navigation menu that adapts to screen sizes and offers an accessible user experience.\n- **Crew, Destination, Technology Pages:** Pages that fetch and display information about space destinations, crew members, and technologies.\n- **Reusable Components:** Dots, Numbers, Tabs, and LargeButton components enhance interactivity across the app.\n\n## Testing\n\nThis project uses [Jest](https://jestjs.io/) and [Testing Library](https://testing-library.com/) to ensure reliability and correctness. \n\nTo run tests (includes coverage reports):\n\n```bash\nnpm test\n```\n\nTo clear the Jest cache:\n\n```bash\nnpm run test:clearCache\n```\n\n## Technologies Used\n\n![TypeScript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge\u0026logo=typescript\u0026logoColor=white)\n![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge\u0026logo=react\u0026logoColor=%2361DAFB)\n![Next.js](https://img.shields.io/badge/Next-black?style=for-the-badge\u0026logo=next.js\u0026logoColor=white)\n![CSS3](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge\u0026logo=css3\u0026logoColor=white)\n![SASS](https://img.shields.io/badge/SASS-hotpink.svg?style=for-the-badge\u0026logo=SASS\u0026logoColor=white)\n![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge\u0026logo=html5\u0026logoColor=white)\n![Context API](https://img.shields.io/badge/Context--Api-000000?style=for-the-badge\u0026logo=react)\n![Jest](https://img.shields.io/badge/-jest-%23C21325?style=for-the-badge\u0026logo=jest\u0026logoColor=white)\n\n## Contributing\n\nContributions are welcome! If you'd like to contribute, please fork the repository and use a feature branch. Pull requests are warmly welcome.\n\n1. Fork the repository.\n2. Create a new feature branch (`git checkout -b feature-branch-name`).\n3. Make your changes.\n4. Commit your changes (`git commit -m 'Add some feature'`).\n5. Push to the branch (`git push origin feature-branch-name`).\n6. Create a new Pull Request.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodehunt101%2Fspace-travel","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodehunt101%2Fspace-travel","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodehunt101%2Fspace-travel/lists"}