The latest articles on DEV Community by Aqib Ali (@aqib_ali). https://dev.to/aqib_ali https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F2309462%2F8a500192-b3a5-4981-8304-8e0c7516ac90.png https://dev.to/aqib_ali en Aqib Ali Wed, 30 Oct 2024 19:18:02 +0000 https://dev.to/aqib_ali/discover-your-adventures-with-the-travel-bucket-list-app-4fo7 https://dev.to/aqib_ali/discover-your-adventures-with-the-travel-bucket-list-app-4fo7 <p>Are you dreaming of your next big adventure? The Travel Bucket List App is here to help you organize your travel dreams!</p> <h2> App One-Liner </h2> <p>This app makes it simple to keep track of all your travel ideas.</p> <h2> Features </h2> <p><strong>1. Add Categories</strong></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwq05acy94mby7ar4xei7.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwq05acy94mby7ar4xei7.png" alt="Image description" width="762" height="335"></a></p> <p>To separate your daily todo from travel adventures. You can easily create categories for your list. </p> <p><strong>2. List by Category</strong></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6gta63si1g3ur2vc9mzg.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6gta63si1g3ur2vc9mzg.png" alt="Image description" width="800" height="236"></a></p> <p>Once you set up your categories, you can add specific trips or groceries under each one. This keeps everything organized and easy to find.</p> <p><strong>3. Filter by Categories</strong><br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fy72ox4z5u9nxmtp5vu3v.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fy72ox4z5u9nxmtp5vu3v.png" alt="Image description" width="800" height="424"></a></p> <p>The app allows you to view all your travel lists by category. This means you can quickly see all your planned city tours or extra activities.</p> <p><strong>4. Date-wise Lists</strong><br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnjapzalrm2lnj46a37du.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnjapzalrm2lnj46a37du.png" alt="Image description" width="800" height="238"></a></p> <p>You can also look at your lists by date. This feature is perfect for planning trips that are coming up soon!</p> <p><strong>5. User-Friendly Design</strong><br> One of the best parts of the Travel Bucket List App is its simplicity. Even if you're new to apps, you’ll find it easy to navigate and use.</p> <p>Of course, You can edit and mark the task as completed</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fukbfndnbbgfm38d3uzex.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fukbfndnbbgfm38d3uzex.png" alt="Image description" width="724" height="328"></a></p> <h2> Technology Used </h2> <p>The Travel Bucket List App (Todo List) is built using Laravel 11 and PHP 8.2, with a mix of JavaScript, jQuery, Bootstrap, HTML5, and CSS3.</p> <p><strong>Interested?</strong><br> Find more details at <a href="https://github.com/tolgee/tolgee-platform/pull/2635#issuecomment-2445102629" rel="noopener noreferrer">myBucket</a></p> <p><em>Happy Listing!</em> 🌍✈️</p> laravel php mysql javascript