{"id":21490129,"url":"https://github.com/alexandrbig1/trail_quest","last_synced_at":"2026-01-05T14:10:03.795Z","repository":{"id":246840708,"uuid":"822330342","full_name":"Alexandrbig1/trail_quest","owner":"Alexandrbig1","description":"Trail Quest is a React-based SPA built with Vite, featuring technologies like React Hook Form, Styled Components, React Router DOM, and Axios. It highlights my ability to build dynamic, responsive web applications with modern JavaScript libraries and frameworks, along with a focus on clean code practices using ESLint and PropTypes.","archived":false,"fork":false,"pushed_at":"2024-08-25T03:39:34.000Z","size":46569,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-08-25T04:35:16.325Z","etag":null,"topics":["axios","computer-science","css3","design","framer-motion","frontend","fullstack","html-css-javascript","html5","javascript","js","react","software-engineering","styled-components","ux-ui","ux-ui-design","webdeveloper","webdevelopment"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Alexandrbig1.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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-06-30T23:41:44.000Z","updated_at":"2024-08-25T03:39:37.000Z","dependencies_parsed_at":"2024-08-24T03:39:56.389Z","dependency_job_id":null,"html_url":"https://github.com/Alexandrbig1/trail_quest","commit_stats":null,"previous_names":["alexandrbig1/trail_quest"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Alexandrbig1%2Ftrail_quest","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Alexandrbig1%2Ftrail_quest/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Alexandrbig1%2Ftrail_quest/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Alexandrbig1%2Ftrail_quest/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Alexandrbig1","download_url":"https://codeload.github.com/Alexandrbig1/trail_quest/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":226055748,"owners_count":17566773,"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":["axios","computer-science","css3","design","framer-motion","frontend","fullstack","html-css-javascript","html5","javascript","js","react","software-engineering","styled-components","ux-ui","ux-ui-design","webdeveloper","webdevelopment"],"created_at":"2024-11-23T14:31:22.809Z","updated_at":"2026-01-05T14:10:03.789Z","avatar_url":"https://github.com/Alexandrbig1.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Trail Quest\n\nWelcome to **Trail Quest**! 🌲🏞️\n\n\u003cimg align=\"right\" src=\"https://media.giphy.com/media/du3J3cXyzhj75IOgvA/giphy.gif\" width=\"100\"/\u003e\n\n[![GitHub last commit](https://img.shields.io/github/last-commit/Alexandrbig1/trail_quest)](https://github.com/Alexandrbig1/trail_quest/commits/main)\n[![GitHub license](https://img.shields.io/github/license/Alexandrbig1/trail_quest)](https://github.com/Alexandrbig1/trail_quest/blob/main/LICENSE)\n[![JavaScript](https://img.shields.io/badge/JavaScript-Latest-EAD319.svg)](https://developer.mozilla.org/en-US/docs/Web/JavaScript)\n[![Axios](https://img.shields.io/badge/Axios-1.6.4-5300D8.svg)](https://github.com/axios/axios)\n[![Vite](https://img.shields.io/badge/Vite-5.0.8-6868F2)](https://vitejs.dev/)\n[![React](https://img.shields.io/badge/React-18.2.0-51CAEF.svg)](https://reactjs.org/)\n[![Styled Components](https://img.shields.io/badge/Styled_Components-6.1.6-D664C0.svg)](https://styled-components.com/)\n[![Framer Motion](https://img.shields.io/badge/Framer_Motion-11.1.1-00ADD8.svg)](https://www.framer.com/motion/)\n[![React Icons](https://img.shields.io/badge/React_Icons-5.0.1-E10051.svg)](https://react-icons.github.io/react-icons/)\n[![Figma](https://img.shields.io/badge/Figma-2022.2-FF7262.svg)](https://www.figma.com/)\n[![Git](https://img.shields.io/badge/Git-2.35.1-F05032.svg)](https://git-scm.com/)\n\nDiscover the breathtaking beauty of Oregon with Trail Quest. Join us for guided hikes through scenic trails, from lush forests to rugged mountains. Your adventure awaits!\n\n---\n\n## About the Project\n\n\u003e This project was born from a deep love for Oregon's natural beauty. After a recent trip to Oregon, I was so inspired by the state's stunning landscapes—seaside cliffs, the mighty Pacific Ocean, dense forests, serene lakes, and majestic waterfalls—that I decided to create a website dedicated to exploring these incredible places.\n\n**Trail Quest** aims to connect nature enthusiasts with the best hiking experiences Oregon has to offer. Whether you're a seasoned hiker or just starting, you'll find trails that suit your level of adventure.\n\n---\n\n## Table of Contents\n\n- [Technologies Used](#technologies-used)\n- [Features](#features)\n- [Installation](#installation)\n- [Contributing](#contributing)\n- [Issues](#issues)\n- [License](#license)\n- [Feedback](#feedback)\n- [Languages and Tools](#languages-and-tools)\n- [Connect with me](#connect-with-me)\n\n---\n\n## Technologies Used\n\n- React\n- React Router DOM\n- React Helmet Async\n- React Hook Form\n- Zod\n- Framer Motion\n- Swiper\n- React Intersection Observer\n- React Modal\n- Vite\n- Axios\n- Styled Components\n- modern-normalize\n- React Icons\n- React Loader Spinner\n- React Toastify\n- UUID\n- PropTypes\n\n---\n\n## Features\n\n- **Intuitive User Interface**: Crafted with modern-normalize and styled-components for a sleek and user-friendly experience.\n- **Smooth Animations with Framer Motion and Swiper**: Elevates the user experience with smooth and interactive animations powered by Framer Motion and Swiper.\n- **Intersection Observer with React Intersection Observer**: Efficiently handles scroll-based animations with React Intersection Observer.\n- **Form Handling with React Hook Form and Zod**: Implements React Hook Form and Zod for robust form handling and validation.\n- **Routing with React Router**: Utilizes React Router DOM for smooth navigation and routing in your application.\n- **Modal Windows with React Modal**: Utilizes React Modal for elegant and responsive modal windows.\n- **Asynchronous Data Fetching**: Utilizes Axios for seamless asynchronous data fetching.\n- **SEO Optimization with React Helmet Async**: Enhances SEO using React Helmet Async.\n- **UI Components with React Icons**: Enhances the UI using React Icons for a variety of icons.\n- **Dynamic Loading with React Loader Spinner**: Incorporates React Loader Spinner for dynamic loading indicators.\n- **Notifications with React Toastify**: Implements React Toastify for user-friendly notifications.\n- **Unique Identifiers with UUID**: Generates unique identifiers using the UUID library.\n- **Type Checking with PropTypes**: Ensures reliability with type checking using PropTypes.\n\n---\n\n## Installation\n\nTo get started locally, clone this repository and install the necessary dependencies:\n\n```bash\ngit clone https://github.com/yourusername/Trail-Quest.git\ncd Trail-Quest\nnpm install\n```\n\n## Usage\n\nAfter installing the dependencies, you can run the project locally:\n\n```bash\nnpm run dev\n```\n\nVisit `http://localhost:3000` in your browser to explore the website.\n\n---\n\n## Contributing\n\nContributions are welcome! If you'd like to contribute to this project, please fork the repository and submit a pull request with your changes. For major changes, please open an issue to discuss what you'd like to improve.\n\n---\n\n## Issues\n\nIf you encounter any issues or bugs, please feel free to [open an issue](https://github.com/Alexandrbig1/trail_quest/issues) on this repository. Provide a detailed description of the problem and steps to reproduce it, if possible.\n\n---\n\n## License\n\nThis project is licensed under the MIT License. See the [MIT License](LICENSE) file for details.\n\n---\n\n## Feedback\n\nWe welcome feedback and suggestions to improve **Trail Quest**. If you have any ideas or constructive comments, feel free to reach out by creating an issue or contacting us directly.\n\n---\n\n## Languages and Tools:\n\n\u003cdiv align=\"center\"\u003e\n\n\u003ca href=\"https://en.wikipedia.org/wiki/HTML5\" target=\"_blank\"\u003e\u003cimg style=\"margin: 10px\" src=\"https://profilinator.rishav.dev/skills-assets/html5-original-wordmark.svg\" alt=\"HTML5\" height=\"50\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://www.w3schools.com/css/\" target=\"_blank\"\u003e\u003cimg style=\"margin: 10px\" src=\"https://profilinator.rishav.dev/skills-assets/css3-original-wordmark.svg\" alt=\"CSS3\" height=\"50\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://www.javascript.com/\" target=\"_blank\"\u003e\u003cimg style=\"margin: 10px\" src=\"https://profilinator.rishav.dev/skills-assets/javascript-original.svg\" alt=\"JavaScript\" height=\"50\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://reactjs.org/\" target=\"_blank\" rel=\"noreferrer\"\u003e \u003cimg src=\"https://raw.githubusercontent.com/devicons/devicon/master/icons/react/react-original-wordmark.svg\" alt=\"react\" width=\"40\" height=\"40\"/\u003e\u003c/a\u003e\n\u003ca href=\"https://styled-components.com/\" target=\"_blank\"\u003e\u003cimg style=\"margin: 10px\" src=\"https://profilinator.rishav.dev/skills-assets/styled-components.png\" alt=\"Styled Components\" height=\"50\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://framer.com\" target=\"_blank\" rel=\"noreferrer\"\u003e\u003cimg src=\"https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/framer-colored.svg\" width=\"36\" height=\"36\" alt=\"Framer\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://vitejs.dev/\" target=\"_blank\" rel=\"noreferrer\"\u003e\u003cimg src=\"https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/vite-colored.svg\" width=\"36\" height=\"36\" alt=\"Vite\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://git-scm.com/\" target=\"_blank\" rel=\"noreferrer\"\u003e\n\u003cimg src=\"https://www.vectorlogo.zone/logos/git-scm/git-scm-icon.svg\" alt=\"git\" width=\"40\" height=\"40\"/\u003e\u003c/a\u003e\n\u003ca href=\"https://www.figma.com/\" target=\"_blank\" rel=\"noreferrer\"\u003e\u003cimg src=\"https://www.vectorlogo.zone/logos/figma/figma-icon.svg\" alt=\"figma\" width=\"40\" height=\"40\"/\u003e\u003c/a\u003e\n\n\u003c/div\u003e\n\n---\n\n## Connect with me:\n\n\u003cdiv align=\"center\"\u003e\n\u003ca href=\"https://linkedin.com/in/alex-smagin29\" target=\"_blank\"\u003e\n\u003cimg src=https://img.shields.io/badge/linkedin-%231E77B5.svg?\u0026style=for-the-badge\u0026logo=linkedin\u0026logoColor=white alt=linkedin style=\"margin-bottom: 5px;\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://www.youtube.com/@AlexSmaginDev\" target=\"_blank\"\u003e\n\u003cimg src=\"https://img.shields.io/badge/youtube-%23FF0000.svg?\u0026style=for-the-badge\u0026logo=youtube\u0026logoColor=white\" alt=\"YouTube\" style=\"margin-bottom: 5px;\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://discord.gg/t6MGsCqdFX\" target=\"_blank\"\u003e\n\u003cimg src=\"https://img.shields.io/badge/discord-%237289DA.svg?\u0026style=for-the-badge\u0026logo=discord\u0026logoColor=white\" alt=\"Discord\" style=\"margin-bottom: 5px;\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://stackoverflow.com/users/22484161/alex-smagin\" target=\"_blank\"\u003e\n\u003cimg src=https://img.shields.io/badge/stackoverflow-%23F28032.svg?\u0026style=for-the-badge\u0026logo=stackoverflow\u0026logoColor=white alt=stackoverflow style=\"margin-bottom: 5px;\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://dribbble.com/Alexandrbig1\" target=\"_blank\"\u003e\n\u003cimg src=https://img.shields.io/badge/dribbble-%23E45285.svg?\u0026style=for-the-badge\u0026logo=dribbble\u0026logoColor=white alt=dribbble style=\"margin-bottom: 5px;\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://www.behance.net/a1126\" target=\"_blank\"\u003e\n\u003cimg src=https://img.shields.io/badge/behance-%23191919.svg?\u0026style=for-the-badge\u0026logo=behance\u0026logoColor=white alt=behance style=\"margin-bottom: 5px;\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://www.upwork.com/freelancers/~0117da9f9f588056d2\" target=\"_blank\"\u003e\n\u003cimg src=\"https://img.shields.io/badge/upwork-%230077B5.svg?\u0026style=for-the-badge\u0026logo=upwork\u0026logoColor=white\u0026color=%23167B02\" alt=\"Upwork\" style=\"margin-bottom: 5px;\" /\u003e\n\u003c/a\u003e\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexandrbig1%2Ftrail_quest","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falexandrbig1%2Ftrail_quest","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexandrbig1%2Ftrail_quest/lists"}