Ashar DevX

Web Developer Life Day 40 ☔️ | Office Work Interrupted by Heavy Rain & Real Life Struggles

Day 40 of my web developer life turned completely unexpected. The day started normally with a plan to build the inbox chat page frontend after completing all major dashboard pages in the previous tasks. Using the Figma design, the layout structure was created and styling work had just begun when sudden heavy rain changed everything.

What initially seemed like normal weather quickly turned into extreme rainfall. Within minutes, roads started flooding and the situation became serious. Office work was paused, and employees were allowed to leave early. However, the real challenge was not development anymore — it was safely reaching home through water-filled roads and unpredictable conditions.

This day reflects the real side of office life where not everything goes according to plan. From coding frontend UI to dealing with unexpected weather challenges, it shows how developers balance work and real-life situations. A reminder that sometimes the toughest part of the day is not the task itself, but everything happening around it.

Web Developer Life Day 39 🤩 | Building Vendor Dashboard, Product Management & Order System

Day 39 of my web developer life was focused on building a complete vendor dashboard system from scratch. The day started with developing the main dashboard screen using HTML, CSS, Bootstrap, and JavaScript while following the Figma design. Data visualization was implemented using Chart.js to display analytics and graphs, making the dashboard more interactive and user-friendly.

After completing the dashboard UI, the development moved to core features like edit profile, product management, and multiple product-related pages. This included creating pages for listing products, adding new products, editing existing ones, and viewing product details. Handling product variations was one of the most complex parts, requiring careful layout structure and logic to maintain a clean and scalable design.

The workflow continued with building the order management system where customer orders from the mobile application were displayed in the vendor dashboard. Status handling such as pending, accepted, and delivered was implemented to simulate real-world functionality. Additional pages like payment tracking and bank details management were also completed. This day highlights the real process of developing a full-featured dashboard UI for e-commerce platforms with practical frontend logic and structured design.

Web Developer Life Day 35 🌧️ | WordPress Website Development from Scratch with Elementor & Astra

Day 35 of my web developer life started with unexpected weather delays but quickly shifted into full development mode. After reaching the office, a brand new WordPress website project was assigned. The process began with reviewing the Figma design, downloading required assets, creating a staging URL on Hostinger, and setting up WordPress from scratch using the Astra theme and Elementor page builder.

The website structure was carefully built by configuring layout settings, typography, breakpoints, and spacing to ensure a strong foundation. Header and footer were developed first, followed by hero, about, and services sections. Collaboration with a teammate helped speed up the process as different sections were built simultaneously while maintaining design consistency and responsiveness across devices.

Once the layout was completed, the client provided final images and content which were properly uploaded and aligned. The website was tested on mobile, tablet, and desktop screens to ensure smooth performance and accurate design matching. This day highlights the real workflow of a WordPress developer handling full website development, responsive setup, and team collaboration in a professional office environment.

Web Developer Life Day 32 😱 | WordPress Development, Plugin Conflict & Debugging Real Office Workflow

Day 32 of my web developer life was focused on starting a brand new WordPress website from scratch. After reviewing the Figma design, I downloaded assets, set up the development link on hosting, installed WordPress, configured themes and essential plugins, and began building the homepage. From header and footer setup to hero, about, testimonial, and gallery sections, the goal was to match the exact design layout while maintaining clean structure.

During development, a major issue appeared in the gallery section. A scroll animation plugin worked perfectly inside the editor but failed on the live website due to JavaScript conflicts between plugins. With limited time and a deadline to meet, debugging revealed a script clash. Instead of overcomplicating the solution, I replaced the plugin with a lightweight Elementor slider widget to ensure stability and performance.

After completing remaining sections and setting up inner pages, images and content were uploaded, and the task was finalized. Just as the project closed, another new WordPress development was assigned, showing how real office life in web development constantly shifts between building, debugging, optimizing, and planning the next project.