profile image

KARLTUN MORENO

Full Stack Web Developer

WELCOME TO MY PORTFOLIO. ABOUT ME

" I LIVE AND BREATH CODE PRACTICES & MEDIA DESIGN IN ORDER TO CHAMPION THE CREATIVITY OF OTHERS AND MYSELF." Karltun Moreno is an accomplished coding and media production specialist that understands the phases of product and brand web development. From photography, content video to implementing (IOT) the Internet of Things into todays real time use case applications, Karltun has become a full stack web developer advocate. Also,enriched with an arts & communications degree from Miami Dade College, Karltun is a go getter and a creative thinker. He has also earned a Psychology degree from California State University,Northridge. Karltun has studied full stack web development and coding at the University of Miami and holds a certificate in Front and Back End Web Development.

VAUHLT

"My Crypto," cryptocurrency portfolio web application

My Crypto is an application to view and track cryptocurrency. A user will be able to use the homepage as a reference to the top 100 crypto prices. A user will have the ability to store their favorite cryptos and add the amount they have. Making it easy to track their value and their earnings. My Crypto also has a crypto converter. The user can choose from a list of cryptos along with currencies and enter their amount of crypto to see what their crypto is worth in the currency they chose. Used Node.js, Express-Sessions, Express-Handlebars, MySql, Bootstrap, JQuery, GitHub, Heroku.


START BEIN

ON REACT

A contributors blog! Time to make the world a better place now and for the future. Contribute your comments and sign up to take action. This community environment ignites same like minded individuals to engage and find solutions for the earth. Start bein to change the world one bein at a time! Built on React with MERN stack. Used React for the front end. Use of GraphQL with a Node.js and Express.js server. MongoDB and the Mongoose ODM for the database. Use queries and mutations for retrieving, adding, updating, and deleting data. Deployed using Heroku (with data).


REACT PORTFOLIO


MOMENTUUM

ON REACT....Click on Picture

As a photographer I want to showcase my pictures in a categorized easy to navigate SPA, (Single page Application). Check out this React application built with Bootstrap and React components.


FOOD FEST

Click on Picture

Used manifest.json, HTML, PWA. Used webpacks, lazyloading. For the Food Fest app, this means that event attendees would be able to access data such as schedules and vendor locations without worrying about having a cell signal or WiFi. This would be a huge improvement to the user experience!


PIZZA STACK

Click on Picture

Tech used MongoDB, Mongoose, IndexedDB. Pizza Stack is a self-aware riff on social-media applications that already exist for other topics—lets users connect with each other based on their love of pizza. In Pizza Stack, users can share and discuss their dream pizza-topping combinations. Pizza is ubiquitous in everyday life all over the world, and no application has ever been created with the sole purpose of facilitating discussions about it. The client hopes to be the first to market with it, and they need your help.


ANIMAL LIST ADMINISTRATOR

Click on Picture

Portal to the Animal World. Dive inside this wild animal application that uses the backend CRUD functions inside the Restful API interface architecture that transmits request and responses between client and server end points. We use REST Methods to validate and test query routes with Insomnia software. There we can POST, PUT/PATCH, DELETE data to database to test to see if it works during the development phase. Now that everything works successfully by using Express routes and the help of the run-time Node server, (Node.js) supported by the Javascript external server machine. Here, we can organize and view our animal catalog. We can also organize by categorizing animals to their species class. Assign the foods that these animals eat in their daily diet. Also, we can add new animals to the list with their unique personality types. With consideration, the function to add a new Zoo Keeper name and age, and favorite animal preference was a real utility. A warm, happy, fuzzy application, Indeed! Tech used: Front-end: HTML5 CSS, JavaScript, Git, Back-end: Node.js Express.js, Heroku


TASK MANAGER

Click on Picture

Task Manager uses JQUERY FOR FUN DRAG & DROP EFFECTS MAKE YOUR DREAMS HAPPEN BY STAYING ORGANIZED!!! USE TIME MANAGMENT ON THE GO WITH AN AUTOMATED TO DO AGENDA. JUST FILL IN THE TASK, MOVE IT TO THE NEXT PHASE, AND DRAG TO TRASH OR MOVE TASK TO ANOTHER PHASE. ONE DAY AT A TIME!!! THE JOURNEY TO A THOUSAND CODE BLOCKS STARTS WITH ONE. Tech used: Front-end: HTML5, CSS3, JavaScript, Bootstrap. Git JQuery


TASK BAN

Click on Picture

Kanban Board organizational productivity tool . tech used: Front-end: JavaScript, HTML5, CSS3. Taskban boards were created by Toyoya for development organization for new projects.


THOR GYM

Click on Picture

A responsive website that offers fitness training services. Tech used: Front-end: HTML5, CSS3.


GIT IT DONE

Click on Picture

Open source software that's free to use, with source code that's public and editable by the community. Review a programmers updates by entering the code languages then pulling from the Git server public profiles. Tech used: HTML5, CSS3, JavaScript, Bootstrap, Git.


WEATHER DASHBOARD

Click on Picture

As a traveler I want to see the weather outlook for multiple cities so that I can plan a trip accordingly. Tech used: HTML5, CSS3, Javascript.


PORTFOLIO GENERATOR

Click on Picture

NOTE :: If anyone ever wants to look at the application, they'll have to clone it to their own local machine and run it from there, so it's really important you create a solid README.md file with instructions and explanations for how to use this application. Also must use Node.js commands to run. Use documentaion: https://nodejs.org/en/ !. npm init 2.npm install 3. npm install


CURRENCY GUIDE

Click on Picture

As a User I want to check my currency against another countries currency to see what the exchange is. This app does just that.


NOTE TAKER

Click on Picture

As a user i would like to enter and delete notes.


CONTROL BUDGET CHECK

Click on Picture

As a an avid traveler I want to be able to track my withdrawals and deposits with or without a data/internet connection so that my account balance is accurate when I am traveling Acceptance Criteria given a budget tracker without an internet connection when the user inputs an expense or deposit then they will receive a notification that they have added an expense or deposit when the user reestablishes an internet connection then the deposits or expenses added while they were offline are added to their transaction history and their totals are updated.MongoDB/Atlas, Express, JS, Mongoose, Heroku, Node.js .


PASSENGER COUNTER

Click on Picture

As a business owner I want to count how many people come into the bus or club.This application allows the user to increment add one person at a time and save the results. Technology used is Javascript, CSS & HTML.


TECH BLOG

Click on Picture

This application and website is used for creating and sharing blog posts centered around technology. Allows users to view, edit and delete their posts and view and comment on the posts of others.​Node.js,Express, Sequalize, MySql2, .dotenv, bcrypt, Express-Handlebars.


TRAVEL BUDDY

Click on Picture

Description of the MVP. Given there are international tourists in many cities, the weather and currency exchange rate may influence their attire, activities, and budget.​ WHEN the user inputs a city, they are presented with the weather for that day and a five day forecast. WHEN the user selects from a drop down menu of currencies, the user sees its value compared to one US dollar. WHEN the user inputs the cost of something in US Dollars, the user sees the value in the selected currency.​ HTML, CSS, Bootstrap, JavaScript.


WORK DAY SCHEDULER

Click on Picture

Given I am using a daily planner to create a schedule. When I open the planner Then the current day is displayed at the top of the calendar. When I scroll down then I am presented with time blocks for standard business hours. When I view the time blocks for that day then each time block is color-coded to indicate whether it is in the past, present, or future. When I click into a time block, then I can enter an event when I click the save button for that time block. then the text for that event is saved in local storage. When I refresh the page then the saved events persist. HTML, CSS, Bootstrap, Javascript.


TIMED CODE QUIZ

Click on Picture

Added web API Code. Quiz added timer. Function display 4 questions. Created buttons checked answers with conditional statements; (if) added increment code added on click functions. Used HTML, CSS, Javascript.


TEAM PROFILE GENERATOR

Click on Picture

As a manager I want to generate a webpage that displays my team's basic info so that I have quick access to their emails and GitHub profiles. Speed is key!!! Used HTML, CSS, Bootstrap, Javascript.


PASSWORD GENERATOR

Click on Picture

Given I need a new secure password when I click the button to generate a password, then I am presented with a series of prompts for password criteria. When the password is generated, Then the password is either displayed in an alert or written to the page. Used HTML, CSS and JavaScript.

Other Projects Built on WIX

"OUTER BOUNDS PICTURES" OUTER BOUNDS PICTURES

Film Production | Outer Bounds Pictures | United Stateshttps://www.outerboundspictures.com OUTER BOUNDS PICTURES CONTENT BRANDING - PRODUCTION - ​PHOTOGRAPHY - VIDEO - DRONE - HEADSHOTS - FINE ART ​

Visit Site

"KARLTUNMORENO360.COM" KARLTUNMORENO360

KARLTUNMORENO360 Real Estate Photography & Video Virtual 3D / 360 Tours, Matterport - Drone Aerial Video & HDR Photography MIAMI - LOS ANGELES.

Visit Site

More on GitHub

Work Experience

Founder & Lead Developer - Outer Bounds Pictures (2016 - Present)

Created a start-up visual media production company. Create website full UI experience built on popular servers. Key photographer and editor. Also involved with marketing and advertising. Lead UAS Drone Pilot on staff. Adobe suite use for graphic work and motion work is implemented. Key Accomplishments:
• Talent has published photography work on Elle Magazine, ABC news, Beauty News NYC & NAIL PRO.
• Deployed A film division New Concept Films, and a Real Estate Content Division named KarltunMoreno360.
• Two man team has made a return profit on debt and expenses against equipment and gear.
• Completed numerous short film projects, music videos, You Tube channel, and big brand commercials such as DORITOS, NEW BALANCE, & GUCCI. Photography & Drone work for WEST FIELD MALLS, THE COMMONS, BLUE SHIELD, AIG. THE RITZ CARLTON.

Instructor of Gaming and Coding - Google Fit Kids of America, Miami Dade After School Facilty "The Childrens Trust" (2021 - 2022)

Taught the kids grade 4-7 basic block coding with Code Academy

• Implemented a criteria for the summer schedule involving group website projects.
• Worked on Minecraft & Roblox for game learning.
• Digital Editor for Summer Stage Play with music, dancing, and visual effects.

Brand Product Coordinator - (2012 - 2021)

COTY Los Angeles, CA. 91325 Set up events; work in sales team blitz; merchandising, logistic warehouse storage keeper, driving to different retail locations to coordinate with teams. Handled ancillary sales and parfums in high end and popular retail stores. Key Accomplishments: • Managed big brands such as CALVIN KLEIN, MARC JACOBS, COOL WATER, GUCCI, & TIFFANY. • Many years of meeting and surpassing sales goal figures.

My GitHub Repository

GitHub Repository GitHubRepos