London.js’ Post

My Remote Internship Experience Introduction: As a web development enthusiast, I was thrilled to land a remote internship with Prodigy Infotech. The task was to build a Responsive Landing Page and TIC TAC TOE Web App using HTML, CSS, and JavaScript. I was excited to put my skills to the test. In this blog post, I’ll share my experience of working on this project, the challenges I faced, and what I learned from it. The Project: The project was to build a simple responsive landing page and TIC TAC TOE web App. The website had to be responsive, visually appealing, and interactive. I had to bring it to life using HTML, CSS, and JavaScript. HTML Structure: I started by creating the HTML structure of the Tasks. I divided the page into sections using HTML5 semantic elements such as <header>, <nav>, <main>, and <footer>. I also added the necessary content, including headings, paragraphs, and buttons. CSS Styling: Next, I moved on to styling the website using CSS. I created a separate stylesheet and wrote CSS rules to style each section of the Tasks. I used CSS selectors, properties, and values to customize the layout, colors, fonts, and spacing. I also used CSS media queries to make the website responsive and adaptable to different screen sizes. JavaScript Interactivity: To add interactivity to the Tasks, I used JavaScript. I wrote JavaScript code to animate the buttons, toggle the navigation menu, and display a modal window. Challenges: One of the biggest challenges I faced was making the website responsive. I had to use CSS media queries to adjust the layout, font sizes, and spacing for different screen sizes. Another challenge was debugging the JavaScript code, as it was difficult to identify the errors. What I Learned: Through this project, I learned the importance of writing clean, semantic HTML code. I also learned how to use CSS media queries to create responsive designs. Additionally, I gained experience in writing JavaScript code to add interactivity to a website. Conclusion: My remote internship experience was a valuable learning experience. I learned how to build a Responsive Landing Page and TIC TAC TOE Web App using HTML, CSS, and JavaScript, and I gained confidence in my web development skills. I’m grateful for the opportunity to work on this project, and I’m excited to apply my skills to future projects. Links: Linkedin: https://lnkd.in/dS2BqePc Website: https://lnkd.in/dPW4_32q Instagram: https://lnkd.in/d2KwpUCb Task 1: https://lnkd.in/dpijwmR6 Task 2: https://lnkd.in/dykvtCRK

Growing up, I was always drawn to operating in the background, preferring solitude to the spotlight. While I won't say I dislike attention, I don't particularly enjoy it. However, as I've matured, I've realized the importance of visibility in laying the groundwork for success. It's about putting yourself out there, demonstrating your abilities, and opening the door to a world of possibilities, which leads to more people knowing who you are. LinkedIn is a place where people make connections. And I've always wanted to get into it, but I keep putting it off. Then fate intervened with a consistency challenge hosted by Boluwatife Rotimi. It struck me as a perfect opportunity to step outside of my comfort zone, powered by my natural knack for taking on challenges. So, without hesitation, I jumped into the challenge, committing to 50 days of posting. I'm not sure what I'll be sharing, but believe me, it will be fun. Before I forget, my name is Ogunya Fortunate, and I'm a Software engineering student and Front-end enthusiast who is passionate about creating exceptional user experiences. I've been honing my skills in this area for about two years. This 50-day journey is about more than just improving my LinkedIn profile; it's about making connections, improving skills, and taking on exciting projects. So join me on this journey as we explore the dynamic world of technology together. Let's connect, share ideas, and create something truly amazing! Come along for the ride; it will be out of this world! 🚀 #50daysConsistencyChallenge #FrontendDeveloper #WebDevelopment #HTML5 #CSS3 #JavaScript #WebDesign #CodeNewbie

🌟 Project Showcase: Alumni Connect Website 🌟 I'm excited to share a project I recently completed during my React intern interview process at an early-stage startup! 🚀 Although I wasn't selected, I'm proud of the work I did and the skills I gained. Here's a glimpse of the Alumni Connect website I built: 🔹 Tech Stack: - Next.js - NextUI - Shadcn - Tailwind CSS - Clerk for authentication - Appwrite for backend services 🔸 Features: - Top Menu: Home, About, Login - Post-Login Menu: Search menu and a simple search box - Admin: Add new departments, students, and graduation years - Comprehensive student profiles with personal and academic information - Flexible search by various criteria with partial input allowed - Detailed student information accessible through a user-friendly interface -Theme Modes: Light, dark, and system mode for a customized user experience This project honed my React and Next.js skills within a tight deadline, providing a valuable learning curve. Eager for more chances to evolve and contribute to innovative projects! Check out the GitHub Link: https://lnkd.in/gwEUZKk5 Hosted website: https://lnkd.in/gjrwwUWd #React #NextJS #WebDevelopment #InternshipExperience #AlumniConnect #CodingJourney #FrontendDevelopment #NextUI #TailwindCSS #Clerk #Appwrite Connect to discuss further about the project or potential opportunities! 😊

🌙 Late-night coding sessions and vibrant morning vibes😴. 🚀 Stay connected—exciting new project coming soon! Career Opportunities: Coding opens doors to diverse roles and industries. Embracing remote work allows for a flexible work-life balance and the freedom to work from anywhere in the world. 🌍 Problem-Solving Skills: Enhancing critical thinking by breaking down complex problems and crafting logical solutions. 💡 Work-Life Balance: Coding skills pave the way for freelancing and entrepreneurial ventures, providing flexibility and control over your career path. 📈 Curious: How did you balance self-study, coding, and university life ❓ Share your experiences! 👇 💻💬 #FrontendDeveloper #HTML #CSS #JavaScript #WebDevelopment #CodingLife #MorningVibe

🚀 Excited to Share My Latest Project: Travel Booking System! 🌍✈️ I’m thrilled to introduce my latest project, the Travel Booking System, a comprehensive platform that simplifies the process of searching for travel destinations, booking trips, and managing reservations. Here’s what makes this project special: 🔹 User-Friendly Interface: Easy registration and login process to get started quickly. 🔹 Destination Search: Effortlessly search for and explore various travel destinations. 🔹 Booking Management: Seamlessly book trips and view your bookings in one place. 🔹 Secure Authentication: Utilizes JSON Web Tokens (JWT) for secure user authentication. 🔹 Responsive Design: Accessible and user-friendly on all devices. 🛠️ Tech Stack: Frontend: HTML, CSS, JavaScript Backend: Node.js, Express Database: MongoDB Authentication: JWT (JSON Web Tokens) #TravelTech #internship #webdevelopment #codsoft

𝐉𝐨𝐢𝐧 𝐍𝐞𝐩𝐚𝐥’𝐬 𝐅𝐢𝐫𝐬𝐭-𝐄𝐯𝐞𝐫 𝐍𝐨-𝐂𝐨𝐝𝐞 𝐖𝐨𝐫𝐤𝐬𝐡𝐨𝐩 𝐚𝐧𝐝 𝐇𝐚𝐜𝐤𝐚𝐭𝐡𝐨𝐧! Get ready for an exhilarating online journey into the world of no-code web development! Join us online for two weeks of hands-on no-code web development training. Whether you're a beginner or an experienced developer, you'll learn to build advanced web applications without writing any code. 𝐖𝐡𝐚𝐭 𝐭𝐨 𝐄𝐱𝐩𝐞𝐜𝐭: 𝘉𝘶𝘪𝘭𝘥 𝘢 𝘍𝘶𝘭𝘭-𝘚𝘵𝘢𝘤𝘬 𝘞𝘦𝘣𝘴𝘪𝘵𝘦: Learn to create a complete, fully functional website without any prior coding knowledge. 𝘗𝘪𝘰𝘯𝘦𝘦𝘳𝘪𝘯𝘨 𝘞𝘦𝘣 𝘋𝘦𝘷𝘦𝘭𝘰𝘱𝘮𝘦𝘯𝘵: Gain early insights into the future trends and tools of web development using no code. 𝘌𝘹𝘱𝘦𝘳𝘵 𝘐𝘯𝘵𝘦𝘳𝘢𝘤𝘵𝘪𝘰𝘯: Engage in interactive sessions with industry experts who will share their knowledge and experiences. 𝘕𝘦𝘵𝘸𝘰𝘳𝘬𝘪𝘯𝘨 𝘖𝘱𝘱𝘰𝘳𝘵𝘶𝘯𝘪𝘵𝘪𝘦𝘴: Connect and collaborate with like-minded individuals and professionals from across the globe. 𝐁𝐞𝐧𝐞𝐟𝐢𝐭𝐬: 𝘞𝘪𝘯 𝘌𝘹𝘤𝘪𝘵𝘪𝘯𝘨 𝘎𝘪𝘧𝘵𝘴 𝘢𝘯𝘥 𝘗𝘳𝘪𝘻𝘦𝘴: Stand a chance to win amazing prizes throughout the event. 𝘝𝘢𝘭𝘶𝘢𝘣𝘭𝘦 𝘊𝘦𝘳𝘵𝘪𝘧𝘪𝘤𝘢𝘵𝘪𝘰𝘯𝘴: Receive a certification upon completion to validate your newly acquired skills. 𝘐𝘯𝘵𝘦𝘳𝘯𝘴𝘩𝘪𝘱 𝘖𝘱𝘱𝘰𝘳𝘵𝘶𝘯𝘪𝘵𝘺: The top participants will have the chance to intern at Zstudioo, gaining real-world experience in the industry. Be part of history and dive into the no-code revolution! This is your opportunity to shape the future of web development and unlock new career opportunities. Don’t miss out on this unique event that brings together learning, innovation, and networking. 𝐑𝐞𝐠𝐢𝐬𝐭𝐞𝐫 𝐍𝐨𝐰: https://lnkd.in/dK_UUskc Let’s shape the future of no-code development together! #NoCode #WebDevelopment #Hackathon #Workshop #FutureOfWeb #Zstudioo #bubble

Welcoming a new month with fresh challenges and endless possibilities! 🌟 Each month brings new opportunities to learn, innovate, and grow both personally and professionally. I look forward to embracing new tasks and continuing my journey of professional growth and development. Focused and ready to tackle new challenges! 💻 Web development is not just about writing code; it's about solving problems, creating seamless user experiences, and continuously learning and evolving. Each project presents new challenges and opportunities, pushing me to expand my skills and knowledge. Here's to a month of progress, innovation, and making an impact! 🚀✨ #WebDeveloper #NewMonthNewGoals #CareerGrowth #WomenInTech #Innovation #ProfessionalDevelopment #TechLife"

🚀 Excited to Share My Latest Web Development Project! 🚀 LEVEL2-: TASK2- "TRIBUTE PAGE" 📝 " I'm excited to share my latest creation, a Tribute Page dedicated to the iconic Nelson Mandela, developed as part of my journey with Oasis Infobyte. This project was a fantastic opportunity to blend my passion for social justice and web development." 🔹 Project Overview: The Tribute Page honors Nelson Mandela, showcasing his life, legacy, and his pivotal role in the fight against apartheid in South Africa. The goal was to create a visually appealing and responsive webpage that educates and inspires visitors about Mandela's remarkable contributions to humanity. 🔹 Technologies Used: HTML: For crafting the page's structure and content. CSS: For designing and styling the page. 🔹 Challenges Overcome: One of the biggest challenges was ensuring the site’s accessibility for all users. Overcoming this taught me valuable lessons in inclusive web design. 🔹 What I Learned: Through this project, I deepened my understanding of web development fundamentals, particularly in creating structured, semantic HTML and leveraging CSS for design and responsiveness. This experience has further ignited my passion for web development. A big thank you to Team Oasis Infobyte for this opportunity and for their continuous guidance and support. Looking forward to your feedback and suggestions! 🚀 #webdevelopment #HTML #CSS #OasisInfobyte #TributePage #internship #frontenddevelopment #coding #programming #NelsonMandela #project

🔥CALLING ALL ASPIRING JAVASCRIPT ENGINEERS🔥 🔊The React ADVANCED - London Meet-up is NEXT WEEK🔊 Ncounter are sponsors for the next instalment held at Which.co.uk on Thursday 2nd May. 🎫 There is a link in the comments section - please confirm your attendance! If you are currently navigating the Tech Landscape and looking to enhance your React expertise, then this is the event for you! Meeting industry peers, hearing voices outside of your normal surroundings and knowledge sharing is a great way to expedite your growth! Development is rarely a solitary venture.... whether you are spearheading projects or contributing to open source in your own time, meet-ups such as React Advanced offer an opportunity to enhance your communication skills, to articulate ideas and solutions, outside of your normal environment and have the opportunity to unearth some new learnings. #ReactJS #ReactJobs #KnowledgeSharing #JavaScriptDevelopment #CareerGrowth #TechSkills #TechCommunity #InspiringConversations #DeveloperLife #LearningAndGrowing #TechMeetup #ReactDevelopment #SoftwareEngineering #CommunityBuilding

🚀 Task 1 Completed: Landing Page Design & Deployment! Thrilled to announce that I've successfully completed Task 1: creating and deploying a responsive landing page! 🎉 The project allowed me to showcase my design and development skills, and here’s a quick overview: ✨ Highlights: Chose a topic that resonates with my interests. Focused on a clean, modern UI/UX design. Ensured responsiveness for mobile and desktop views. 💻 Tech Stack: HTML5, CSS3, JavaScript Used Flexbox/Grid for a fully responsive design. GitHub Pages for seamless deployment. The landing page is live and ready to share, and I'll submit the GitHub repo link soon via the Google Form. Looking forward to the feedback and verification process! 🙌 This project was a great opportunity to refine my front-end skills, and I’m excited for more to come! #webdevelopment #frontend #html #css #javascript #landingpage #project #deployment #GitHub #responsivedesign #Octanet #Internship #OctanetServices #AICTEInternship #OctaNetServices #Tech #Technology #AICTE #InformationTechnology #IT #OctaNet #OnlineInternship #MyIntern