CodeWorks’ Post

Hello LinkedIn community! 👋 This is Day 297 of my 365-day coding challenge! 🎉 Today, I learned https://colors.dopely.top/ for various features from color tools. #coding #codingchallenge #365dayscodingchallenge

Hello LinkedIn community! 👋 This is Day 345 of my 365-day coding challenge! 🎉 Today, I learned about https://lnkd.in/gcWtvNVK for more custom fonts. #coding #codingchallenge #365dayscodingchallenge

🎨 Proud to Present My 4th Project: Color Picker Application 🌟 I'm excited to share the completion of my fourth project in HTML, CSS, and JavaScript: a fully responsive Color Picker Application. This project showcases my continued growth in front-end development and includes key features to enhance user experience. Key Features: Color Selection: Users can choose between Red, Blue, Green, and Yellow with ease. Reset Functionality: A reset button allows users to clear their selection and start again. Dark & Light Mode: The application supports both modes, ensuring accessibility and comfort. Fully Responsive: Optimized for all screen sizes, providing a consistent experience across devices. Feel free to explore the project and provide your feedback. Each project is an opportunity for me to push my skills further, and I’m looking forward to taking on more challenges. 👉 Live Demo: https://lnkd.in/d3W4t2SR 👉 GitHub Repo: https://lnkd.in/dMfdb9VK #WebDevelopment #ColorPicker #DarkLightMode #JavaScript #CSS #ResponsiveDesign #FrontendDevelopment #Project4

Hello LinkedIn community! 👋 This is Day 285 of my 365-day coding challenge! 🎉 Today, I learned about https://lnkd.in/gD9H77Yv for practice in identifying fonts. #coding #codingchallenge #365dayscodingchallenge

Hello, fellow coders! Today, let’s explore a classic pattern: the inverted hollow star pyramid. This elegant structure combines stars and spaces to create a visually appealing design. 🌠 In this program: We use nested loops to control rows, spaces, and stars. The outer loop iterates through the rows. The first inner loop prints spaces. The second inner loop calculates the last column and prints stars or spaces. Feel free to customize the number of rows and share your insights! Let’s celebrate the beauty of patterns in code. 🚀 #CProgramming #Patterns #CodeMagic #LinkedInLearning

Here I go again with another project called Etch-a-Sketch. The idea was to create something like a sketch board to draw (color the squares). It was not easy. I started yesterday evening and finished it today. In the process I learned how to use 'gridTemplateColumns' and 'gridTemplateRows' methods to create square grid. Also the new was 'insertAdjacentElement' method which inserts a given element node at a given position relative to the element it is invoked upon. When I was putting higher value for the size (for example 32) sketch board was populated half visible. You can see the attached image. StackOverFlow is an amazing place. There is a lot of help with any kind of coding issues. What I did I removed all 'div's from the board and every time there was input it was populating the board accordingly. As you can see there is a white board (blue was just for visibility during creating the grid) with tomato color border. Input field takes values up to 100 and square number and size changes accordingly. There are four buttons for black color, eraser which actually paints squares back to board background color, which is white. The reset button does the same as eraser but all at once. And set size which I described above. You can see the live demo here 👇 https://lnkd.in/gEZpBZXT

https://spectrum.art/Hello LinkedIn community! 👋 This is Day 335 of my 365-day coding challenge! 🎉 Today, I learned about https://spectrum.art/ for various colour schemes based on the mood you want to convey. #coding #codingchallenge #365dayscodingchallenge

Exciting News for Engineers! 🧑🎓 I’m thrilled to introduce Engineers Chowk, a revolutionary app designed using Figma, where engineers from any field can seamlessly find their dream jobs! 🌟 🔧 Key Features: 📍Personalized Job Recommendations 🔔Real-Time Notifications 🔎Interactive Job Listings 📱User-Friendly Interface Our goal is to empower engineers by providing a platform that simplifies the job search process and connects them with top employers in the industry. Whether you’re a software engineer🧑💻, civil engineer🧑🏭, mechanical engineer🧑🔧, or from any other engineering discipline, Engineers Chowk has got you covered! Right now only the design of this app has been prepared, soon this design will be changed in the app. Join us in revolutionizing the job search experience for engineers. Let’s build a brighter future together! 🌐💼 #EngineersChowk #JobSearch #EngineeringJobs #FigmaDesign #CareerGrowth #TechInnovation

Hello LinkedIn community! 👋 This is Day 276 of my 365-day coding challenge! 🎉 I learned about https://fontsinuse.com/, which has over 26,000 fonts that can be sorted by topics, formats, and typefaces. #coding #codingchallenge #365dayscodingchallenge

🚀 Day 7/45 of my #CodeChallenge journey: Landing Page Complete! 🎉 Today, I proudly unveil the landing page of my website, meticulously crafted using HTML, CSS, and JavaScript. From structuring the layout with semantic HTML to enhancing aesthetics and responsiveness with CSS, and finally adding interactive elements with JavaScript, every detail was carefully considered. This project not only showcases my proficiency in front-end development but also marks a significant milestone in my coding journey. Excited to share this accomplishment and eager to tackle more ambitious projects ahead! 💻✨ #WebDevelopment #HTML #CSS #JavaScript #CodeChallenge  https://lnkd.in/gKmF2brM