CarloDev is a portfolio website developed with Vue.js as the final project for my Vue course exam. This site provides a fun overview of my journey as a developer, featuring humorous easter eggs that reflect my personality and development style. It’s a simple yet polished project, with three main pages and a fully responsive design.
🔗 Live Demo: CarloDev Demo
-
3 Interactive Pages:
- Home: A brief introduction to me as a developer, paired with humorous stats like 25k+ Stars on GitHub (with Bot) and 91% Negative feedback.
- Projects: A list of fake projects, presented in a clean and modern card format.
- About: A playful "about me" page, featuring a description of Vue.js instead of my bio, and a humorous Simpsons character image that updates on each page load.
-
Easter Eggs & Humor: Along with playful project stats and feedback percentages, the About page uses a purposely misleading description focusing on Vue.js rather than my actual biography.
-
API Calls: Integration with a free external API, Simpsons Quote API, which dynamically returns a new Simpsons character image with each visit to the About page.
-
Fully Responsive: The design is optimized for all screen sizes, with special attention to mobile views, including an "hamburger" menu for navigation.
-
Minimalistic Design with TailwindCSS: A clean and lightweight interface built with TailwindCSS for a fast and modern look.
-
Animations with Vue Transition: Smooth component animations using Vue’s built-in transition system for an enhanced user experience.
- Vue.js: JavaScript framework for building dynamic user interfaces.
- JavaScript (ES6): For application logic.
- TailwindCSS: For a modern, responsive design.
- Vue Transition: To create fluid transitions between components.
- Simpsons Quote API: To dynamically generate Simpsons character images on the About page.
No API key is required as the Simpsons Quote API does not need authentication.
To run the project locally:
-
Clone the repository.
-
Install the dependencies:
npm i
-
Start the development server:
npm run dev
-
Open your Localhost to view the site locally.
CarloDev was fully designed and developed by me as a learning project to master Vue.js and build a complete portfolio website. I wanted to explore new technologies and workflows, creating a site that showcases both my technical skills.
A special thanks to Simpsons Quote API for providing the images and quotes that bring fun to my site.
Developed with ❤️ by Carlo Caruso