Hacktoberfest 2023: My Web Development Odyssey 🚀👨‍💻

Pranav Ajay — Mon, 25 Sep 2023 08:15:53 +0000

Hey there, fellow tech enthusiasts! 👋 I'm Pranav, and I'm thrilled to take you on a journey through my Hacktoberfest 2023 adventure. This year, I've got big plans and a boatload of enthusiasm to level up my web development skills. 🌐💪

Learning and Growing: My first goal for Hacktoberfest is to learn more about web development. From HTML and CSS to JavaScript and beyond, I'm diving deep into the world of web technologies. It's a bit like exploring a vast digital universe, and I can't wait to share my discoveries with you! 📚🌍

Online Resources FTW: To make this journey a success, I'll be making the most of online resources. There's a treasure trove of tutorials, courses, and documentation out there, and I plan to gobble it all up. 🤓📖

Open-Source Contributions: One of the highlights of this Hacktoberfest will be contributing to relevant open-source repositories. Collaborating with fellow developers, solving real-world problems, and making meaningful contributions to the tech community - count me in! 🤝🌟

React.js Mastery: I've set my sights on excelling in React.js, the beloved JavaScript library. With its growing popularity, becoming a React.js whiz is a goal I'm taking very seriously. Let's build some awesome apps! ⚛️🔥

Coding Challenge Accepted: Hacktoberfest isn't just about collecting swag; it's a coding challenge. I'll be setting specific goals, challenging myself daily, and pushing my coding limits. Stay tuned for some serious tech wizardry! 🧙‍♂️💥

Expect daily blog posts where I spill the beans on my learning experiences.

30 Days, 30 Challenges: As part of Hacktoberfest 2023, I'm taking on a 30-day challenge. This isn't just about coding; it's about building habits, embracing consistency, and celebrating small victories. Let's do this together! 💪🗓️

Join me on this thrilling tech journey! 🚀 I can't wait to share my progress, challenges, and triumphs with you. It's going to be an epic Hacktoberfest, and I hope you'll be part of it. Stay tuned for more tech-tastic updates! 🌟😄

Automating my college's website.

Pranav Ajay — Sun, 21 Mar 2021 05:04:06 +0000

The most irritating and time consuming thing that I ever came across is our college's website. Every time we needed to login to the site in order to check the attendance or to just quickly check the timetable. So I thought to automate this task with the help of selenium framework in python.
This is how I implemented it:

1.Import Libraries:

from selenium import webdriver
from selenium.webdriver.common.keys import Keys
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

Note: Before importing we must install selenium by running pip install seleinum in the command line, then download the chrome webdriver from here: https://chromedriver.chromium.org/downloads

2.Then I initialized the chrome webdriver:

PATH="C:\Program Files (x86)\chromedriver"

driver=webdriver.Chrome(PATH)
driver.get("https://vtop.vitbhopal.ac.in/vtop/")

#This is the site link

3.Clicking the login button

With the help of inspect option in chrome web browser I found out the class of the button and then specified it in the code.

As there is no other elements in the home page with the same class there will be no error generated. And we use the click()
method in order to click the button.

vtop=driver.find_element_by_class_name("btn-primary")
vtop.click()

4.Typing in the username and password

As we have done in the previous step, we must find the id of the username and the password from the inspect tab and then we must specify it in the code.

driver.implicitly_wait(5)
user_input=driver.find_element_by_name("uname")
pass_input=driver.find_element_by_name("passwd")
user_input.send_keys("20BSE10789")#enter your username
pass_input.send_keys("Pranav@2002")#enter your password

We must ensure that selenium checks for the elements after the page is fully loaded . So for that we use:

driver.implicitly_wait(5)

This ensures that selenium waits for 5 seconds rather than throwing any error.

5.Typing in the Captcha

We need to type in the captcha manually as it is hard to automate captcha. After the captcha is typed in , the automation will resume. This is achieved by the following code.

bt_submit = driver.find_element_by_id("captcha")
WebDriverWait(driver, timeout=1000, poll_frequency=1) \
  .until(EC.staleness_of(bt_submit))
print("signed in")

This code ensures that Selenium waits for the user to click the sign in button (check every 1s with a 1000s timeout).

6.Viewing the attendance and Time Table

This is the last part of the code. Here, the time table and attendance tab are located under a drop-down menu , I wasn't able to access it directly using the class or ID.

So at first I accessed the main menu element with the help of class mentioned inside the span element:

driver.implicitly_wait(5)
select=driver.find_element_by_xpath('.//span[@class = "fa fa-graduation-cap"]')
select.click()

After that I accessed the submenu item with the find_element_by_link_text() method

select=driver.find_element_by_link_text('Time Table')#Use Attendance here instead of Time table to view attendance
select.click()

This way we can see the Time Table/Attendance easily.

Forem: Pranav Ajay

Hacktoberfest 2023: My Web Development Odyssey 🚀👨‍💻

Automating my college's website.