Api Magic!

Real Time Weather Project

Tech Stack:
HTML, CSS & Bootstrap for designing user interface, and JavaScript to handle user inputs, make API requests, and dynamically display the retrieved data, Node.js, Express.js, GitHub.

API Used:OpenWeatherMap

Description:

• Implemented a search functionality allowing users to enter their desired location and retrieve relevant weather information.
• Web App showing real-time weather forecast by fetching data from external API.
• Conducted testing and debugging to ensure smooth functionality, handle API response errors, and provide a seamless user experience.

GitHub Demo

Newsletter

Tech Stack:
HTML, CSS & Bootstrap for designing user interface, and JavaScript to handle user inputs, make API requests, and dynamically display the retrieved data, Node.js, Express.js, GitHub.

API Used: MailChimp

Description:

• Developed and launched a newsletter campaign using the Mailchimp API to effectively engage and communicate with subscribers.
• Integrated the Mailchimp API to manage subscriber lists, automate email sending, and track campaign analytics.
• Conducted testing and debugging to ensure smooth functionality, handle API response errors, and provide a seamless user experience.

GitHub Demo

News App

Tech Stack:
HTML, CSS & Bootstrap for designing user interface, and JavaScript to handle user inputs, make API requests, and dynamically display the retrieved data, Node.js, Express.js, GitHub.

API Used: News API

Description:

• Developed a News App that retrieves and displays real-time news articles from various sources using the NewsAPI.
• Integrated the NewsAPI to fetch news articles based on user preferences, categories, or search queries.
• Implemented dynamic filtering options based on category and Country to enhance user navigation and article discovery.
• Conducted testing and debugging to ensure smooth functionality, handle API response errors, and provide a seamless user experience.

GitHub Demo

Image Gallery

Tech Stack:
HTML, CSS & Bootstrap for designing user interface, and JavaScript to handle user inputs, make API requests, and dynamically display the retrieved data, Node.js, Express.js, GitHub.

API Used: Pexels

Description:

Implemented a search functionality allowing users to enter their desired category and retrieve and display a curated collection of high-quality relevant images.

Enabled image download functionality, allowing users to download and save their favorite images directly from the gallery, also user can visit the Photographer pexel profile directly from the photo.

Conducted testing and debugging to ensure smooth functionality, handle API response errors, and provide a seamless user experience.

GitHub Demo