Divya Pratap Singh’s Post

Excited to share a project that’s very close to my heart ❤️ I’ve successfully developed and deployed a Tailoring Shop Management System to support my mother’s tailoring business. This project helped me understand real-world business needs and translate them into a practical web solution. 🔗 Live Website: https://lnkd.in/gc2SwaNi 💻 GitHub Repository: https://lnkd.in/gpQGpEme ✨ Key Features: • Customer management • Order tracking • Measurement records • Delivery status updates • Simple and user-friendly interface 🛠️ Tech Stack: Python | Django | HTML | CSS | SQLite This project is not just about coding—it’s about solving real-life problems and making day-to-day operations easier for small businesses. 🔐 If you’d like to explore the application, feel free to message me for login credentials. I’d love to hear your feedback and suggestions! #Python #Django #WebDevelopment #FullStackDevelopment #ProjectShowcase #LearningByDoing

🚀 Day 14 of My MERN Stack Journey 👉 Z-index not working? THIS is why 👇 I tried this 👇 .box1 { position: relative; z-index: 10; } .box2 { position: relative; z-index: 999; } And still… 👉 box2 was NOT coming on top 😳 I was like… “Is CSS broken?!” 😅 ❌ Biggest Mistake 👉 Ignoring stacking context 💡 What is Z-index? 👉 Controls which element appears on top ✔ Higher value = on top ❌ But… not always 😏 🔥 The Real Problem (Most Devs Miss 👀) 👉 Z-index works inside stacking context 🧠 What is Stacking Context? 👉 It’s like a separate layer system Elements inside one context 👉 can’t escape it ⚠️ When stacking context is created ✔ position + z-index ✔ opacity < 1 ✔ transform ✔ filter ✔ perspective 💻 Example .parent { position: relative; z-index: 1; } .child { position: absolute; z-index: 999; } 👉 Even with 999… ❌ Child can’t go above elements outside parent 💥 Why your Z-index “fails” 👉 Because it’s trapped inside a parent context ✔️ Fix 👉 Check parent elements 👉 Remove unnecessary stacking contexts 👉 Or restructure layout 💭 My realization Earlier: 👉 Z-index = random 😵 Now: 👉 Z-index = layers + context 💡 What I learned today ✔ Z-index depends on stacking context ✔ Higher value doesn’t always win ✔ Parent context matters ✔ Transform can affect stacking ✔ Debugging = understanding layers 🔥 CSS is not broken… 👉 You just need to see the layers 🔁 Question: Have you ever struggled with Z-index not working? 👀 👉 Learning deeper every day 🚀 #MERNStack #WebDevelopment #CSS #Frontend #CodingJourney #LearnInPublic #Developers #100DaysOfCode #Programming #WebDesign #CodingLife #TechCommunity

🚀 Day 36 of My 45-Day Web Development Journey Today I learned how JavaScript handles Date and Time using the built-in Date object. 📚 What I Learned Today • Creating Date objects • Getting current date and time • Extracting year, month, and day • Formatting dates for display • Using date methods in practical applications 💻 Hands-On Practice I created programs that: ✔ Display current date ✔ Show live time ✔ Extract specific date values ✔ Format date for user-friendly output 🌱 Key Learning Date and time handling is essential for real-world applications such as booking systems, reminders, and dynamic dashboards. 💡 Reflection Today helped me understand how websites can manage time-based information intelligently. 🎯 Next Step Excited to explore JavaScript Math methods next. Let’s connect and grow together 🚀 #WebDevelopment #JavaScript #DateTime #Programming #LearningJourney #StudentDeveloper #BuildInPublic #TechSkills

🚀 Just wrapped up a new project: A Student Management CRUD Application! I built this to deepen my understanding of how to manage data dynamically on the frontend. It allows users to Create, Read, Update, and Delete student records with a clean, dark-themed UI. Key Features: ✅ Dynamic Data Entry: Add students with Name, Email, GPA, Age, and Degree. ✅ Real-time Search: Filter through records by name, email, or degree instantly. ✅ Data Persistence: Leveraging JavaScript to handle state and UI updates. Tech Stack: HTML5 | CSS3 | JavaScript (ES6+) I’m continuously looking for ways to optimize my code and improve user experience. Feedback is always welcome! #WebDevelopment #JavaScript #CodingProject #Frontend #StudentManagement #LearningToCode

🚀 Excited to share my project: Book Collection Tracker 📚 A Flask-based web application designed to help users manage their personal book collections a smooth user experience. 🔐 Key Features: • Add, update, delete, and manage books • Quick search functionality 🔍 • Responsive and modern UI 🎨 • Deployment-ready setup ⚡ 🛠️ Tech Stack: • Backend: Python, Flask • Frontend: HTML, CSS, JavaScript • Database: MySQL • Deployment: Render, GitHub 📂 This project focuses on building a real-world, scalable application with clean structure and deployment support. 🌐 Live Demo: https://lnkd.in/gbaMWdWZ 💻 GitHub Repository: https://lnkd.in/gYa5tWt4 🎯 I built this project to strengthen my full-stack development skills and gain hands-on experience with Flask-based applications. I’d love to hear your feedback and suggestions! 😊 #Python #Flask #WebDevelopment #FullStackDeveloper #PythonFullStack #Projects #SoftwareDevelopment #Coding #GitHub #LearningJourney

Day 26 of 180 – Learning Something Unexpected in HTML 🚀 Today’s concept: 👉 Why does <input type="number"> allow ‘e’? 😳 While testing number inputs, I noticed something strange… I could type ‘e’ inside a number field. At first, it felt like a bug 😐 But it’s actually a feature. ✔️ Number inputs support scientific notation ✔️ ‘e’ represents exponent ✔️ Example: 1e3 = 1000 This means the browser allows values in exponential format for handling very large or very small numbers. 👉 So it’s not wrong… it’s designed that way This small detail shows how much is happening behind the scenes in web development 💻 I also created a short video explaining this in a simple way 🎯 🎥 Watch here: 👉https://lnkd.in/gRCi4zhJ Learning something new every day and staying consistent 🔥 #Day26 #100DaysOfCode #webdevelopment #html #frontend #coding #learncoding #programming #developer #buildinpublic

🚀 Day 34 of My 45-Day Web Development Journey Today I explored modern JavaScript Array Methods that help write cleaner and more efficient code. 📚 What I Learned Today • Using forEach() to iterate arrays • Using map() to transform data • Using filter() to select data • Writing shorter and cleaner JavaScript 💻 Hands-On Practice I created programs that: ✔ Process array values dynamically ✔ Filter records based on conditions ✔ Transform data into new arrays ✔ Display results inside the browser 🌱 Key Learning Array methods make JavaScript more readable and powerful, especially when handling larger datasets in real-world applications. 💡 Reflection Today showed me how modern JavaScript can replace long loops with elegant built-in methods. 🎯 Next Step Excited to learn about JavaScript strings and advanced methods next. Let’s connect and grow together 🚀 #WebDevelopment #JavaScript #ArrayMethods #Programming #LearningJourney #StudentDeveloper #BuildInPublic #TechSkills

🚀 Day 37 of My 45-Day Web Development Journey Today I learned how JavaScript's Math object can be used to perform powerful mathematical operations in web applications. 📚 What I Learned Today • Understanding the Math object • Using round(), ceil(), and floor() • Finding max() and min() values • Generating random numbers • Applying math functions in real projects 💻 Hands-On Practice I created programs that: ✔ Round decimal numbers ✔ Generate random values ✔ Compare multiple numbers ✔ Display dynamic mathematical output 🌱 Key Learning The Math object makes JavaScript more powerful for calculations, gaming logic, and interactive features. 💡 Reflection Today showed me how even simple math methods can create dynamic behavior in websites. 🎯 Next Step Excited to learn JavaScript switch statements next. Let’s connect and grow together 🚀 #WebDevelopment #JavaScript #MathObject #Programming #LearningJourney #StudentDeveloper #BuildInPublic #TechSkills

🚀 Day 31 of My 45-Day Web Development Journey Today I focused on mastering one of the core concepts in programming — JavaScript Functions. 📚 What I Learned Today • Understanding functions and their purpose • Writing reusable blocks of code • Using parameters and arguments • Returning values using the return keyword 💻 Hands-On Practice I created programs that: ✔ Use functions to organize logic ✔ Accept inputs using parameters ✔ Return results dynamically ✔ Integrate functions with DOM events 🌱 Key Learning Functions are essential for writing clean, efficient, and reusable code. They are the building blocks of scalable applications. 💡 Reflection Today helped me think more like a developer by structuring code properly instead of writing everything in one place. 🎯 Next Step Excited to explore arrays and loops to handle multiple data efficiently! Let’s connect and grow together 🚀 #WebDevelopment #JavaScript #Functions #Programming #LearningJourney #StudentDeveloper #BuildInPublic #TechSkills

Teaching Web Development to Blind Learners — Continuation So far, we’ve covered variables, data types, conditionals, loops, functions, and an introduction to arrays. Today, based on the learners’ request for something more practical, I briefly stepped outside the planned scheme to introduce DOM manipulation—giving them a real sense of how everything they’ve learned comes together in building actual applications. We explored how to query the DOM using: - "getElementById" - "querySelector" - "querySelectorAll" There was a moment of surprise when "querySelectorAll" returned a NodeList instead of a single element. The big question was: “How do we work with individual elements?” That became the perfect opportunity to connect back to loops. Using the knowledge they already had, they looped through the NodeList using its "length"—and it clicked. That moment of understanding was incredibly satisfying. They’re beginning to truly appreciate how the fundamentals work together. Next: we either continue with arrays or build a small project before moving forward. #blindcoder #javascript