My name is John Paul B. Mangeron
The name of my portfolio is Craft Idea's Studio
As a Front-End Developer, I translate designs into functional and interactive websites. By leveraging the latest in HTML, CSS and JavaScript, I ensure that every project is not only visually appealing but also technically robust and user-friendly.
My journey as a Web Designer revolves around creating visually stunning and responsive websites. I focus on combining design principles with innovative technologies to build websites that captivate audiences and communicate your brand effectively.
"As a 'Vibe Coder,' I seamlessly integrate AI tools to generate efficient and creative HTML, CSS, and JavaScript code, bringing vibrant designs to life."
As a graphic designer, I've happily embraced a powerful, open-source alternative to Adobe's Creative Suite. My go-to tools are "GIMP" for image manipulation, "INKSCAPE" for vector graphics, "DARKTABLE" for photo editing, "OPENSHOT" for quick video projects, and "KDENLIVE" for more advanced video editing. This free and open-source suite provides incredible flexibility and power, allowing me to create professional-quality work without the hefty price tag.
Highly skilled and experienced in welding, with a solid foundation in basic carpentry and plumbing. Ready to tackle a variety of projects, combining practical skills for efficient and effective results.
HTML (HyperText Markup Language) is the standard language for creating web pages. I use HTML to structure content on the web.
CSS (Cascading Style Sheets) is used to style and layout web pages. I use CSS to make web pages visually appealing and responsive.
JavaScript is a programming language that allows you to implement complex features on web pages. I use JavaScript to create interactive and dynamic web experiences.
Visual Studio Code is a source-code editor made by Microsoft. I use VS Code for coding, debugging, and version control.
As a graphic designer, I utilize GIMP as a powerful and free alternative to Adobe Photoshop. My skills in GIMP allow me to create high-quality raster images for various projects, offering a cost-effective solution without compromising on professional results.
Microsoft Office is a suite of productivity applications. I use Microsoft Office for document creation, data analysis, and presentations
As a graphic designer, I utilize Inkscape, a powerful open-source alternative to Adobe Illustrator, to create high-quality vector graphics. My expertise spans logo design, poster creation, SVG and vector illustration, and more, providing cost-effective and professional design solutions.
I'm a graphic designer who uses Darktable, a powerful open-source alternative to Adobe Lightroom, for image editing and post-processing. My proficiency in Darktable allows me to enhance and refine photos, achieving professional-quality results without the expense of proprietary software.
As a graphic designer, Openshot is my preferred video editor. It's free, user-friendly, and powerful enough for both quick edits and complex projects, allowing seamless integration of graphic design elements.
Hi, I'm a graphic designer who loves using Kdenlive for video editing! I find it's a powerful and versatile tool, perfect for everything from simple cuts and edits to more complex projects. I appreciate its open-source nature and the flexibility it offers. I'll be sharing some of my Kdenlive tips and tricks soon, so stay tuned!
Trello is my go-to tool for organizing my daily tasks as a front-end developer, web designer, and graphic designer. I use it to manage projects, track progress, and collaborate effectively with team members. The Kanban-style boards help me visualize my workload and prioritize tasks efficiently.
Asana is my project management backbone. It helps me stay organized and on top of deadlines across my roles as a front-end developer, web designer, and graphic designer. I appreciate its ability to manage tasks, track progress, and facilitate clear communication within teams.
IFTTT is a key part of my daily workflow as a front-end developer, web designer, vibe coder AI, and graphic designer. I leverage its automation capabilities to connect various apps and services, creating custom workflows that improve my productivity and reduce manual effort.
Zapier is an indispensable tool in my daily workflow. As a front-end developer, web designer, vibe coder AI and graphic designer, I use it to create automated connections between different apps, improving productivity and reducing manual data entry.
My daily work as a front-end developer, web designer, vibe Coder AI and graphic designer is significantly enhanced by AI. I use a suite of tools including ChatGPT, DeepSeek, Mango AI, Microsoft Copilot, and Gemini and more (A.I) Tools for tasks ranging from code generation and research to design ideation and content creation. These AI assistants are invaluable for improving efficiency and expanding creative horizons.
Proficient in welding techniques, ready to apply expertise to diverse projects.
Experienced in basic carpentry, possessing the skills and knowledge to handle various woodworking tasks.
Skilled in basic plumbing, capable of handling a range of plumbing repairs and installations.
WEBSITE MAKING AND EMAIL TEMPLATE WITH PROGRAMMING CODING
PHOTO EDITING , MOCK UP, LOGO MAKING, POSTER MAKING AND MORE PROJECT MAKING.
PROJECT
VIDEO EDITING (PROMOTION PRODUCTS, BLOG, ADS MAKING VIDEO AND MORE...)
Experience the captivating allure of the new Alessia Gabrielle M. Salcon Premium Scent collection. This weekend only, we're offering a special price on this luxurious fragrance. Watch the video to discover the unique scent and take advantage of this limited-time offer. THIS IS PROTOTYPE ONLY.... BY: CRAFT IDEA'S STUDIO.
Craving a burger that's BIG on flavor and even BIGGER on value? Burger Station's Super Big Sale is here! For a limited time, get this incredible burger for only $10.00. This video will make your mouth water! THIS IS PROTOTYPE ONLY.... BY: CRAFT IDEA'S STUDIO.
Indulge your senses and nourish your skin with our all-natural Honey Peppermint Soap! Made with the finest ingredients and inspired by the serene beauty of nature, this soap will leave you feeling refreshed and rejuvenated. Watch to learn more about the benefits of this luxurious, naturally clean soap. (THIS PROJECT IS PROTOTYPE OR DUMMY ONLY. BY: CRAFT IDEA'S STUDIO)
We're excited to present our new pizza offering! Enjoy a high-quality pizza at an affordable price of $10.00. We also offer a special 5% discount for senior citizens and persons with disabilities (PWD). Free delivery is available within [delivery area]. Watch the video to learn more. THIS PROJECT IS PROTOTYPE OR DUMMY ONLY. BY: CRAFT IDEA'S STUDIO.
"Hello, and welcome to Craft Idea's Studio! In this video, you'll see a prototype/dummy version of 'Alien Invasion 2026: Earth's Last Stand?' This is a work in progress, so please keep in mind that it's not the final product. We're exploring a suspenseful scenario of a fiery battle for survival against an unknown extraterrestrial threat. Let's dive in!" (THIS IS MY EDITING SKILLS) (THIS IS STORY TELLING).
"Welcome to Craft Idea's Studio! This is a prototype/dummy video exploring the legend of the Manananggal. In this work in progress, we delve into the question: Is the Manananggal more than just a monster? Please note that this is an early version, so expect some imperfections. Let's begin!" (THIS IS MY EDITING SKILLS) (THIS IS STORY TELLING).
WELDING PROJECT, CARPENTRY PROJECT AND PLUMBER PROJECT