Menu
Currently Watching Project Page
View Page

Menu

Share

Curious Cat

This project is developing a single-page landing page that fetches random curious facts from an external API.

Project: Curious Cat Facts – A Single-Page Application 🐾

 

This Curious Cat Facts project demonstrates my ability to build an interactive Single-Page Application (SPA) that fetches and displays data from an external API. Focusing on “CAT FACTS,” this project showcases my frontend skills in creating engaging, user-friendly experiences for both desktop and mobile users.

Visit the site: https://curious-facts.vercel.app/ 
Github Repository: https://github.com/catmaluci/curiousFacts

Key Frontend Skills Highlighted:

 

  • API Integration with Vanilla JavaScript: I built the core functionality using Vanilla JavaScript to asynchronously fetch and display random facts from an external API. This highlights my proficiency in handling data retrieval and dynamic content updates without relying on frameworks.
  • Single-Page Application (SPA) Development: The entire application is designed as a SPA, using a single HTML file to deliver a seamless user experience, demonstrating efficient web architecture.
  • Interactive User Interface: I developed key interactive features including a Start Button, Skip/Next Button, and robust Add to Favorites/Favorites View functionality, allowing users to save and revisit their preferred facts.
  • Responsive Design & Mobile-First Approach: The application is built with a mobile-first approach and ensures a fully responsive experience across various breakpoints, providing optimal viewing on both desktop and mobile devices.
  • Clean Code & UI/UX Principles: I adhered to semantic HTML, reusable CSS, and modular JavaScript for maintainable and scalable code. My focus on creative, intuitive, and visually appealing design, incorporating animations and transitions, ensures a captivating user experience.
  • Agile Development & Version Control: The project followed a Scrum methodology with Sprint Backlogs and utilized Git with GitFlow workflow for effective project management and collaboration.

This project is a clear demonstration of my ability to deliver dynamic, API-driven web applications with a strong emphasis on user experience and clean coding practices.

Tags: HTML5, CSS3, JavaScript (Vanilla JS), SPA (Single-Page Application), API Integration, Responsive Design, Mobile-First, Clean Code, Semantic HTML, Modular CSS, Modular JavaScript, Figma, Git, GitFlow, Visual Studio Code

Back to Portfolio