daily positive affirmation fetcher banner

daily positive affirmation fetcher

Created by: himanshibisht25
2 devlogs
8h 26m 20s

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…

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.

This project uses AI

I declare that I used AI-based tools only for assistance during the development of this project, specifically for resolving API-related errors and understanding technical issues. The core logic, implementation, and overall development of the project were completed by me. AI was used only as a support tool for debugging and learning purposes.

Demo Repository

README

Loading README...
himanshibisht25
himanshibisht25 worked on daily positive affirmation fetcher
9 days ago
0h 16m logged

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
himanshibisht25 shipped daily positive affirmation fetcher
9 days ago

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
himanshibisht25 worked on daily positive affirmation fetcher
9 days ago
8h 10m logged

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