{"id":25879583,"url":"https://github.com/ummamali/nextstop","last_synced_at":"2026-04-13T03:02:18.165Z","repository":{"id":279782582,"uuid":"939934492","full_name":"Ummamali/nextstop","owner":"Ummamali","description":"Practice React app, where users can browse a list of destinations and select the ones they are interested in. When a destination is selected, it appears in a dedicated section for easy viewing and tracking. This allows users to curate a personalized list of places they want to visit.","archived":false,"fork":false,"pushed_at":"2025-02-27T14:18:01.000Z","size":1015,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-27T16:05:02.445Z","etag":null,"topics":["browserapi","css3","html5","localstorage","reacthooks","reactjs","singlepageapplication","statemanagement","tailwindcss","vitejs"],"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/Ummamali.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":"2025-02-27T10:51:47.000Z","updated_at":"2025-02-27T14:18:05.000Z","dependencies_parsed_at":"2025-02-27T16:13:08.745Z","dependency_job_id":"51eee4f0-7e1f-4875-834d-d6486af5a2f7","html_url":"https://github.com/Ummamali/nextstop","commit_stats":null,"previous_names":["ummamali/nextstop"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ummamali%2Fnextstop","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ummamali%2Fnextstop/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ummamali%2Fnextstop/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ummamali%2Fnextstop/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Ummamali","download_url":"https://codeload.github.com/Ummamali/nextstop/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241509837,"owners_count":19974099,"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":["browserapi","css3","html5","localstorage","reacthooks","reactjs","singlepageapplication","statemanagement","tailwindcss","vitejs"],"created_at":"2025-03-02T13:19:20.171Z","updated_at":"2026-04-13T03:02:18.083Z","avatar_url":"https://github.com/Ummamali.png","language":"JavaScript","readme":"# NextStop Destination Selector 🌍\n## A modern React App to Choose and Track Your Favorite Destinations\n\nNextStop is a React app that allows users to browse and select destinations they want to visit. When a destination is selected, it is added to a separate section for easy tracking. Users can manage their selections dynamically, making it simple to plan future trips. The app provides an interactive and intuitive interface for a seamless experience. Built with React, it ensures smooth state management and efficient rendering.  \n\nThis modern web application is built with React, ensuring a fast and responsive user experience. It utilizes LocalStorage to remember selected destinations, allowing users to revisit their list even after refreshing the page. With a sleek design and smooth interactions, the app offers a seamless way to plan and track travel goals.  \n\n\u003cimg src=\"./preview.jpg\" alt=\"Project Preview\"/\u003e\n\n## Technologies Used  \n\n- **HTML**  \n  - Provides the structural foundation for the app.  \n  - Organizes content efficiently for better accessibility.  \n\n- **CSS**  \n  - Enhances the visual appeal with custom styles.  \n  - Ensures a responsive layout for different screen sizes.  \n\n- **Tailwind CSS**  \n  - Enables rapid UI development with utility-first classes.  \n  - Reduces the need for writing custom CSS, keeping styles consistent.  \n\n- **Vite**  \n  - Offers a lightning-fast development environment.  \n  - Provides instant hot module replacement for a seamless coding experience.  \n\n- **React.js**  \n  - Manages the app’s state efficiently with reusable components.  \n  - Optimizes rendering for a smooth and interactive UI.  \n\n- **LocalStorage**  \n  - Stores selected destinations persistently across sessions.  \n  - Ensures users don’t lose their data even after refreshing the page.\n\n- **Geolocation**  \n  - Retrieves the user’s current location to suggest nearby destinations.  \n  - Enhances user experience by providing location-based recommendations.  \n\n\n## Features  \n\n### 1. **Select Destinations**  \n  - Users can browse a list of destinations and click to select their favorites.  \n  - Selected destinations are added to a separate section for easy tracking.  \n  - The selection persists using LocalStorage, so choices remain even after a page refresh.  \n\n### 2. **Deselect Destinations**  \n  - Users can remove a selected destination with a single click.  \n  - The deselected destination disappears from the selected section instantly.  \n  - Changes are saved in LocalStorage, ensuring a consistent experience across sessions.  \n\n### 3. **Modern UI \u0026 Responsive Design**  \n  - Built with Tailwind CSS for a sleek and user-friendly interface.  \n  - Fully responsive layout ensures smooth usability on all devices.  \n\n### 4. **Fast \u0026 Efficient Performance**  \n  - Developed with React and Vite for optimal speed and performance.  \n  - Instant updates with seamless state management for a smooth user experience.  \n\n### 5. **Show Current Location**  \n  - The application detects and displays the user’s current location.  \n  - Helps users see their position relative to selected destinations.  \n  - Uses Geolocation API to fetch real-time location updates.  \n\n\n## Installation  \n\nFollow these steps to set up and run the Project Manager app locally (Make sure you have Node.js and npm installed before running the commands):  \n\n1. **Clone the repository:**  \n\n    ```sh\n   git clone https://github.com/Ummamali/nextstop.git\n   cd nextstop\n\n3. **Install dependencies:**\n\n    ```sh\n    npm install\n    \n5. **Start the development server:**\n\n   ```sh\n     npm run dev\n\n## License  \n\nThis project is licensed under the **MIT License**. For more details, visit [MIT License](https://opensource.org/licenses/MIT).  \n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fummamali%2Fnextstop","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fummamali%2Fnextstop","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fummamali%2Fnextstop/lists"}