Activity

himanshibisht25

Shipped this project!

💡 Key Learnings from this Project

• Learned how to integrate APIs in JavaScript using the fetch method
• Understood how to handle API responses and convert them into usable data
• Gained hands-on experience with DOM manipulation to update content dynamically
• Improved understanding of event handling (button click events)
• Learned how to connect HTML, CSS, and JavaScript to build an interactive app
• Practiced writing clean and structured frontend code
• Understood how real-time data can be displayed without page reload
• Built confidence in creating small, functional web projects

himanshibisht25

This project is a fun and interactive application that displays programming-related jokes with just a single click. It is developed using HTML, CSS, and JavaScript, and integrates an external API to fetch real-time jokes.

🔹 How it works:
When the user clicks the button, JavaScript captures the event and sends a request to an API using the fetch method. The API responds with a random programming joke, which is then processed and displayed instantly on the screen using DOM manipulation—without refreshing the page.

🔹 Key Features:
• Clean and simple user interface
• Real-time joke fetching using API
• Dynamic content update using DOM
• Smooth and responsive interaction
• New joke on every click

This project helped me understand how frontend technologies work together and how APIs can be used to build dynamic web applications.

0
himanshibisht25

Joke Generator Web Application

This project is a simple and interactive web application that generates programming-related jokes on user demand. It is built using HTML, CSS, and JavaScript, and integrates an external API to fetch real-time joke data.

The HTML is used to create the basic structure of the webpage, including a button for generating jokes and a section to display them. CSS is applied to enhance the visual appearance of the application by adding styling such as colors, layout, and fonts, making the interface user-friendly and appealing.

JavaScript acts as the core logic of the application. It listens for user interactions, specifically button clicks, and triggers a function to fetch a new joke from an external API. The API serves as a data source, providing different programming jokes each time a request is made.

The DOM (Document Object Model) is used to dynamically update the content of the webpage. Once a joke is received from the API, JavaScript modifies the DOM to display the joke instantly without reloading the page.

Overall, this project demonstrates the integration of frontend technologies with an API, showcasing how dynamic and interactive web applications can be built efficiently.

Attachment
0
himanshibisht25

Shipped this project!

I enjoyed building this project and learned about different currencies. Along with that, I also learned how to build projects using APIs and revised DOM manipulation and API integration, which helped me strengthen my JavaScript concepts.

himanshibisht25

Technologies and Skills Practiced in the Currency Converter App

In this project, I practiced using APIs, DOM manipulation, and JavaScript to build a functional and interactive currency converter:

APIs – Integrated APIs to fetch live exchange rates and country flag images, making the app dynamic and visually informative.

DOM Manipulation – Used JavaScript to create, update, and display currency conversion results in real time on the webpage.

JavaScript Logic – Implemented the conversion calculations and handled user input, ensuring accurate results for all 158 supported currencies.

User Interaction – Built interactive elements like dropdowns and input fields, allowing smooth selection of currencies and instant conversion updates.

This project helped me strengthen my skills in working with APIs, dynamically updating content with the DOM, and handling real-time calculations with JavaScript.

0
himanshibisht25

In this project, I practiced using APIs, DOM manipulation, and JavaScript to build a functional and interactive currency converter:

APIs – Integrated APIs to fetch live exchange rates and country flag images, making the app dynamic and visually informative.

DOM Manipulation – Used JavaScript to create, update, and display currency conversion results in real time on the webpage.

JavaScript Logic – Implemented the conversion calculations and handled user input, ensuring accurate results for all 158 supported currencies.

User Interaction – Built interactive elements like dropdowns and input fields, allowing smooth selection of currencies and instant conversion updates.

Attachment
0
himanshibisht25

Devlog – Daily Positive Affirmation Fetcher

The Daily Positive Affirmation Fetcher is a simple web application designed to display motivational and positive affirmations to users. The main functionality of the project is to retrieve affirmation messages from an external API and present them dynamically on the webpage. The goal of the application is to allow users to easily access positive and encouraging messages that can help promote a positive mindset.

When the user opens the webpage, the interface displays a title and a section where the affirmation message will appear. There is also a button that allows the user to generate a new affirmation. When the button is clicked, JavaScript sends a request to the affirmation API using the fetch function. The API responds with a motivational message, which is then processed and displayed on the page.

The application uses HTML to structure the webpage elements such as the heading, message container, and button. CSS is used to style the layout and improve the visual appearance of the application, making it clean and easy to read. JavaScript manages the core functionality by handling the API request, receiving the response, and updating the content dynamically using DOM manipulation.

Each time the user interacts with the button, the application fetches a new affirmation and updates the displayed message without reloading the page. This dynamic behavior improves the user experience and allows users to view different affirmations easily.

Overall, the functionality of the Daily Positive Affirmation Fetcher demonstrates how front-end technologies can be used together to create a simple interactive application that retrieves real-time data from an API and presents it in a meaningful way to the user.

0
himanshibisht25

Shipped this project!

Hours: 8.17
Cookies: 🍪 19
Multiplier: 2.36 cookies/hr

I built a Daily Positive Affirmation Fetcher using HTML, CSS, and JavaScript. The app fetches motivational affirmations from an API and displays them on the webpage to help users start their day with positivity.

While building this project, I learned and practiced working with the JavaScript DOM and how to fetch data from an API. Understanding how API requests work and updating the content dynamically on the page was a really valuable learning experience. One of the challenging parts was handling the API response and making sure the affirmation displayed correctly on the page, but I was able to solve it by revising JavaScript concepts and experimenting with different approaches.

I’m proud that I was able to connect a real API to my project and build something meaningful that promotes positivity. This project also helped me revise my HTML and CSS skills while improving my confidence in JavaScript.

himanshibisht25

The Daily Positive Affirmation Fetcher is a simple web application built using HTML, CSS, and JavaScript. It provides users with motivational and positive affirmations to help encourage a positive mindset. The application fetches affirmations from an external API and displays them on the webpage. Each time the user refreshes the page or clicks a button, a new affirmation is generated and shown.

HTML is used to structure the webpage, CSS is used to design the interface, and JavaScript handles the functionality such as fetching data from the API and updating the content dynamically. This project demonstrates how APIs can be integrated into web applications while creating a small tool that promotes positivity and motivation in daily life.

Attachment
0