The Marvill Attendance Tracker is a web application designed to monitor employee attendance and working hours. This web application was a significant project I undertook during my internship at Marvill Web Services. With guidance from senior developers in the company and through close collaboration with my co-intern, we successfully developed this remarkable application. The process of building this web application provided me with valuable experiences that contribute to my personal and professional growth. These experiences include active participation in projects with sizable teams, acquisition of proficiency in new tools for enhancing work efficiency, and exploration of innovative concepts applicable to my future endeavors.

Screenshots:

To successfully execute and complete this project, I initially devised a plan with targeted milestones for each week, encompassing 360 frames or equivalent to 12 seconds of content. For my editing needs, I employed two distinct software tools: Adobe Photoshop 2021 on my PC and Flipaclip, an Android application. Additionally, I invested in a stylus pen through an online purchase, amounting to 170 pesos. Throughout the editing process, I harnessed fundamental tools within these software applications. These included using a pen tool to outline the subjects, employing a paint bucket tool for coloring, utilizing an eraser to eliminate unnecessary lines, and employing select tools whenever copy-pasting was necessary. As supplementary elements, I sourced videos and images from the internet to serve as backgrounds. To enhance the overall experience, I integrated "Hall of Fame" by The Script as the background music for the project.

Visit Page: https://justinecastaneda.wixsite.com/multimedia

"Favorite K-pop Bands: Top Girl and Boy" is a blog that I conceived and developed during my internship at Marvill Web Dev. This blog is dedicated to showcasing the most beloved and renowned K-pop bands. I would also like to express my gratitude to Marvill Web Development services for providing me with the opportunity to utilize their platform for publishing this blog.

During my internship at Marvill Web Development Service, I was tasked with creating a web design proposal for a new website intended for the Crop Protection Association of the Philippines (CPAP). To fulfill this assignment, I use Figma as my tool of choice for crafting the new web design proposal. I would also like to express my heartfelt gratitude to Marvill Web Development Services for giving me the opportunity to exhibit and showcase my design skills.

Screenshots:

I created the Marvill Workflow 3.0 teaser video as part of my internship at Marvill Web Development Services. The primary objective of this video was to demonstrate the various functionalities that Workflow 3.0 offers to its customers. Crafting this video presented certain challenges, especially considering i'am new in Adobe After Effects. However, with the aid of online resources, I managed to familiarize myself with the software's intricacies and ultimately produced a video that garnered approval from our company's CEO.

During my internship at Marvill Web Development Services, I had the opportunity to create the Marvill Workflow 3.0 blog. The purpose of the blog was to showcase the practical functionalities of Workflow 3.0 for customers. Through research, collaboration, and creative presentation, I aimed to highlight how Workflow 3.0 could streamline processes and enhance efficiency.

During my internship at Marvill Web Development Services, one of my engaging tasks was contributing to the development of a system for Daikin, a renowned industry leader in air conditioning and refrigeration solutions across residential, commercial, and industrial domains. This experience not only broadened my technical skills but also offered me a firsthand glimpse into the complexities of real-world applications in a dynamic sector. Working on this project allowed me to gain insights into the practical implementation of web development and its impact on enhancing operational efficiency in a prominent industry player like Daikin.

While I was interning at Marvill Web Development Service, my task involved creating a blueprint for a fresh website for Visual Technologies Digital Signs & LED Supplies. This company is known for their impressive digital signs and LED products. To put together the plan, I used a tool named Figma. I want to express my gratitude to Marvill Web Development Services for giving me the chance to demonstrate my design abilities.

Welcome to BasuraHunt, an advanced web & mobile application that empowers users to report illegal dumps, monitor waste collection schedules using GPS, and donate usable items. With a core objective to enhance environmental conditions, BasuraHunt takes a multifaceted approach to tackling illegal dumping, promoting responsible waste management, and raising awareness among the residents of Taguig City.

Features:

🗑️ Report Illegal Dumps: Provide a platform for residents to report incidents of illegal dumping, contributing to a cleaner and healthier environment.

⏰ Waste Collection Monitoring: Implement a scheduling system with GPS tracking to ensure efficient waste collection and disposal, optimizing waste management efforts.

🔄 Usable Items Donation: Facilitate the donation of usable items, fostering a culture of reusing and reducing waste while benefiting the community.

Screenshots:

Welcome to the Lifeline Assistance for Neighbors In-need (LANI) Scholarship Online Application with Notification project. This system streamlines the application process for new and renewal applicants by providing a convenient and paperless online platform.

Features:

📝 Online Application: Applicants can easily complete and submit their scholarship applications online. This eliminates the need for manual and paper-based submission of documents, making the process more efficient and environmentally friendly.

🔄 Renewal Process: Renewal applicants can conveniently update and renew their scholarship applications through the online system. This simplifies the process and reduces the administrative burden on both applicants and administrators.

📬 Notification System: The notification feature keeps applicants informed throughout the application process. Receive real-time updates on application status, document submissions, and any other important information via email notifications.

🌐 Modern Web Technologies Built with Laravel, JavaScript, CSS, HTML, and MySQL, this application offers a modern and responsive user interface. Expect smooth interactions, fast loading times, and a user-friendly experience.

Screenshots:

Welcome to ByteShop, your go-to platform for creating personalized PC builds and engaging in collaborative tech discussions. Combining innovative technologies with a user-friendly interface, ByteShop empowers users to bring their dream PC configurations to life and connect with a passionate community of tech aficionados.

Features:

🖥️ Custom PC Builder: Craft your ideal PC setup effortlessly with our user-friendly PC builder. Choose from an extensive range of components, including processors, graphics cards, memory, storage, and more. Visualize your build in real-time and receive instant performance insights to help you fine-tune your selections.

🏆 Performance Evaluation: ByteShop goes beyond mere customization. Get performance scores based on your component choices and configurations. Gain a comprehensive understanding of your PC's potential capabilities to make well-informed decisions.

🛍️ Prebuilt PC Options: Not looking to customize? Explore our handpicked selection of prebuilt PCs, catering to different usage scenarios from gaming to productivity. Each prebuilt system is expertly designed for outstanding performance and quality.

🗣️ Community Forum: Immerse yourself in our vibrant community forum, connecting tech enthusiasts from all walks of life. Share your PC builds, seek advice, discuss the latest hardware trends, and collaborate on innovative ideas. ByteShop's forum is a supportive hub for knowledge sharing and collaborative exploration.

🌐 Powered by Modern Technologies: Built using Laravel, JavaScript, CSS, HTML, and MySQL, ByteShop ensures a modern, responsive, and intuitive web experience. Expect fast loading speeds, seamless interactions, and a visually appealing interface.

Screenshots:

Welcome to PetMania, a compassionate online platform dedicated to the rescue and adoption of stray dogs and cats. This non-profit animal shelter rescues, rehabilitates, and finds loving homes for animals in need.

Features:

🐾 Animal Profiles: Volunteer veterinarians thoroughly examine each rescued animal, checking for diseases or injuries. The shelter maintains comprehensive health records, ensuring that adopted pets receive the best possible care.

🏥 Health Records: Volunteer veterinarians meticulously assess each rescued animal for diseases or injuries. The shelter maintains comprehensive health records to ensure adopted pets receive the best possible care.

🐶🐱 Adoption Process: Qualified individuals can initiate the adoption process through the web application. A user-friendly interface guides potential adopters through the necessary steps, ensuring a smooth adoption experience.

🌐 MERN Stack: Built using MongoDB, Express, React, and Node (MERN stack), PetMania combines modern web technologies to provide a seamless, responsive, and intuitive user experience.

Screenshots:

Welcome to PetMania, a compassionate online platform dedicated to the rescue and adoption of stray dogs and cats. This non-profit animal shelter rescues, rehabilitates, and finds loving homes for animals in need.

Features:

🐾 Animal Profiles: Volunteer veterinarians thoroughly examine each rescued animal, checking for diseases or injuries. The shelter maintains comprehensive health records, ensuring that adopted pets receive the best possible care.

🏥 Health Records: Volunteer veterinarians meticulously assess each rescued animal for diseases or injuries. The shelter maintains comprehensive health records to ensure adopted pets receive the best possible care.

🐶🐱 Adoption Process: Qualified individuals can initiate the adoption process through the web application. A user-friendly interface guides potential adopters through the necessary steps, ensuring a smooth adoption experience.

🌐 Laravel, HTML, CSS, JS, and MySQL Stack: Developed using the Laravel framework, alongside HTML, CSS, JS, and MySQL, PetMania harnesses the power of this robust technology stack to deliver a seamless and responsive user experience.

Screenshots:

Welcome to PetMania, a compassionate online platform dedicated to rescuing and adopting stray dogs and cats. This non-profit animal shelter rescues, rehabilitates, and finds loving homes for animals in need.

Features:

🐾 Animal Profiles: Explore a diverse collection of animal profiles, each enriched with detailed information about breed, gender, approximate age, and relevant notes.

🏥 Health Records: Diligently assessed by volunteer veterinarians, each rescued animal undergoes thorough health checks for diseases or injuries. The shelter maintains comprehensive health records to ensure adopted pets receive optimal care.

🐶🐱 Adoption Process: Prospective adopters can initiate the adoption process seamlessly via the user-friendly web application.

🌐 Laravel, jQuery, Ajax, and MySQL Stack: Developed on the Laravel framework, enriched by jQuery and Ajax, and backed by MySQL, PetMania leverages this powerful technology stack to provide a responsive, interactive, and user-centric experience.

Screenshots:

Welcome to PetMania, a compassionate online platform dedicated to the rescue and adoption of stray dogs and cats. This non-profit animal shelter rescues, rehabilitates, and finds loving homes for animals in need.

Features:

🐾 Animal Profiles: Browse through a diverse collection of animal profiles, each enriched with comprehensive information about breed, gender, approximate age, and relevant notes. Gain insights into these lovable companions before making adoption decisions.

🏥 Health Records: Meticulously evaluated by volunteer veterinarians, each rescued animal undergoes thorough health assessments for diseases or injuries. Comprehensive health records ensure that adopted pets receive the finest care.

🐶🐱 Adoption Process: Prospective adopters can embark on the adoption journey smoothly through the user-friendly web application.

🌐 Filament and Tailwind CSS: Developed with Filament and adorned with the aesthetics of Tailwind CSS, PetMania offers a visually pleasing, responsive, and engaging user experience.

Screenshots:

Welcome to the GCQ Animal Shelter, a compassionate non-profit organization committed to rescuing and rehabilitating stray dogs and cats. ensuring their well-being and finding loving homes through adoption.

Features:

🐾 Animal Profiles: Explore heartwarming stories of rescued animals, each profiled with essential details like breed, gender, approximate age, and other relevant information.

🏥 Health Records: Volunteer veterinarians conduct meticulous health checks, guaranteeing proper care and attention for the animals.

🐶🐱 Adoption Process: Qualified individuals can offer forever homes to rehabilitated animals, giving them the love and care they deserve.

🤲 Donations Welcome: Support our mission through in-kind donations such as dog food, medicine, food bowls, building materials for dog and cat pens, or cash contributions. Every donation impacts the lives of these animals positively.

🛠️ PHP, HTML, CSS, and MySQL: Built using PHP for dynamic functionality, coupled with HTML and CSS for a user-friendly interface. The MySQL database ensures seamless data management.

Screenshots:

Welcome to Mini POS, a Point of Sale (POS) system designed to streamline your business operations. With a rich feature set, Mini POS empowers you to efficiently manage menu items, suppliers, customers, product categories, products, sales, positions, permissions, users, and also offers an insightful dashboard.

Features:

🛒 Menu Management: Effortlessly organize and manage your menu items for smooth transaction processing.

📦 Supplier Management: Keep track of your suppliers and maintain up-to-date supplier information.

👥 Customer Records: Manage and engage with customer profiles to enhance personalized service.

🗂️ Product Categories: Categorize products for efficient inventory organization and navigation.

📝 Product Information: Maintain accurate product details, including descriptions, prices, and availability.

💰 Sales Management: Streamline sales processes and handle transactions with ease.

📊 Dashboard Insights: Monitor your business with the integrated dashboard, providing insightful data visualizations for informed decision-making.

📊 Position, Permissions, and Users: Administer user roles, permissions, and positions for secure and controlled access.

🌐 GO for Backend, Next React for Frontend, MongoDB for Database: Powered by the GO programming language for the backend, enhanced with Next React for the frontend, and supported by MongoDB for database management.

🎨 Ant Design Integration: Seamlessly integrates Ant Design for an elegant and intuitive user interface.

Screenshots:

Welcome to WP Store, your destination for a seamless and user-friendly online shopping experience. With a minimalist approach, WP Store enables you to effortlessly add items to your cart and proceed to checkout.

Features:

🛒 Product Listings: Browse a curated selection of products, each presented with clear images and concise descriptions.

🛍️ Easy Cart Management: Add desired items to your cart with just a few clicks. Review and manage your cart contents effortlessly.

💳 Smooth Checkout Process: Navigate through a straightforward checkout process to finalize your purchase.

🛠️ PHP, HTML, CSS, and MySQL: WP Store is developed using PHP for dynamic functionality, complemented by HTML and CSS for a user-friendly interface. The MySQL database ensures efficient data management.

Screenshots:

Welcome to NextJS-MNL, a dynamic web application powered by Next.js, Tailwind CSS, MongoDB, and Firebase. This platform empowers users to effortlessly share their content, including images and text, while also providing a space to explore and engage with other posts.

Features:

📸 Image and Text Sharing: Upload and share your posts, incorporating images and text, to contribute to a diverse community of content creators.

🔍 Exploration: Browse through a range of posts shared by others, gaining insights into various perspectives and interests.

🛠️ Next.js, Tailwind CSS, MongoDB, and Firebase: Leveraging Next.js for dynamic web applications, styled with Tailwind CSS for a sleek visual experience. MongoDB ensures seamless data storage, and Firebase handles image storage for a seamless content-sharing experience.

Screenshots:

Welcome to Traveller, your gateway to discovering the most captivating attractions across the seven continents of the world. Immerse yourself in a visual journey as you explore remarkable landmarks, natural wonders, and cultural treasures from every corner of the globe.

Features:

🌍 Seven Continents, Countless Adventures: Embark on a virtual tour through Asia, Africa, North America, South America, Europe, Australia, and Antarctica. Uncover the unique charm and beauty of each continent's top attractions.

🏞️ Captivating Visuals: Experience stunning visuals that bring the world's best attractions to life. High-quality images and engaging descriptions transport you to distant places.

🌆 Interactive Exploration: Navigate through the continents and attractions with a user-friendly interface, making your exploration both intuitive and enjoyable.

Screenshots:

Welcome to Cars World, a virtual showroom designed to spotlight my web design prowess while providing a user-friendly platform to explore car price lists. Immerse yourself in a visually appealing and informative experience that underscores the art of website design.

Features:

🚗 Car Price Lists: Discover an array of car models along with their corresponding price details, presented in an intuitive and easy-to-navigate format.

🎨 Aesthetic Design: Experience a meticulously crafted website that seamlessly blends aesthetics with functionality, demonstrating the mastery of web design techniques.

📊 Interactive Interface: Navigate through the car price lists effortlessly, appreciating the user-centric interface that underscores my commitment to exceptional design.

Screenshots:

Welcome to Memes World, a dynamic online platform that brings together programmers and anime enthusiasts through the power of humor. Immerse yourself in a collection of memes that celebrate the shared experiences of both communities.

Features:

🤖 Programmer Memes: Explore an array of programmer-themed memes that capture the funny, relatable, and sometimes frustrating moments of coding life.

🌸 Anime Enthusiast Delight: Indulge in a variety of anime memes that showcase iconic characters, hilarious scenes, and nods to the anime culture.

Screenshots:

Welcome to IT-THEIST, your digital gateway to the realm of computer systems and platform technologies. Dive into a world of knowledge, where you can explore and understand the intricate workings of various IT systems that shape our digital landscape.

Features:

🖥️ Computer Systems Insights: Delve into detailed insights about computer systems, spanning hardware, software, networking, and more.

🌐 Platform Technology Exploration: Explore platform technologies that underpin modern applications, services, and software development.

Screenshots:

Welcome to the Legal Issues website, a comprehensive platform dedicated to shedding light on the realm of legal and ethical considerations in Information Technology. Delve into topics ranging from global and local cases to the laws that govern the digital landscape.

Features:

📚 Educational Insights: Gain valuable insights into the legal and ethical dimensions of Information Technology, empowering you to navigate the digital world responsibly.

🌍 Global and Local Cases: Explore real-world cases from around the world and the Philippines, providing practical examples of legal issues in the IT domain.

⚖️ Laws and Regulations: Learn about the laws and regulations that shape the IT industry, ensuring a clear understanding of the legal landscape.

Screenshots: