Software Developer
Starting in 2018 in the college name CICCC – Cornerstone International Community College of Canada.
My first program here was Web and Mobile Development, where I graduate it in 2020, however continue working in IT industry and continue learning study again in the college in other program name Networking and System solution.
I will attach credits and my diploma from the programming course.
MERN Stack
Using the frond end in React and node.js for the back end part
Move faster with a true multi-cloud database service for MongoDB built for agile teams who’d rather spend time building apps than managing databases.
only globally distributed, multi-cloud database. create a multi-cloud cluster to enable applications that make use of two or more clouds at the same time.
When requirements and workloads change, MongoDB Atlas makes it easy to make post-deployment modifications to the database. Scale-up, add more storage, configure cross-region clusters, create read-only or analytics nodes, and more with the click of a button.
This page is created from HTTP status code information found at ietf.org and Wikipedia.
Click on the category heading or the status code link to read more.
for the link: https://www.restapitutorial.com/httpstatuscodes.html
React’s new “hooks” APIs give function components the ability to use local component state, execute side effects, and more.
React Redux now offers a set of hook APIs as an alternative to the existing connect() Higher Order Component. These APIs allow you to subscribe to the Redux store and dispatch actions, without having to wrap your components in connect().
The selector will be called with the entire Redux store state as its only argument. The selector will be run whenever the function component renders (unless its reference hasn’t changed since a previous render of the component so that a cached result can be returned by the hook without re-running the selector). useSelector() will also subscribe to the Redux store, and run your selector whenever an action is dispatched.
it useful to builded and deploy it on an easy way to make it.
https://material-ui.com
React(JS)
JavaScript
One of my first projects using React was to practice coding, I made a Web page where you can have advices.
The advices are for an API, to display some advices in a web page using React I code in Javascript However this Webpage has more CSS and HTML that logic in my code because It only fetch the date using the concept in React hooks and push the button for make the call get the advices, it a great Website for start understanding how to code in React and practice.
This project was bootstrapped with Create React App.
I learn how to build a simple Webpages and display it in React.js
the code is simple and I get a response for the API where in this case is a weather API, in the process I am using the knowledge of useState in Hooks.
Try React
React has been designed from the start for gradual adoption, and you can use as little or as much React as you need. Whether you want to get a taste of React, add some interactivity to a simple HTML page, or start a complex React-powered app, the links in this section will help you get started.
Add React in One Minute
I will use component to an existing HTML page. I use it to display this Webpage
There will be no complicated tools or install requirements — to complete this project, you only need an internet connection, and a minute of your time.
Add JSX to a Project
Adding JSX to a project doesn’t require complicated tools like a bundler or a development server. Essentially, adding JSX is a lot like adding a CSS preprocessor. The only requirement is to have Node.js installed on your computer.
GitHub
React to the Weather web! Use the concept of React to make my portfolio and work in the updates in these webpages to make it better. How to create a Website coding in React
A simple website I made using JavaScript and React, using the components for the webpage to show an icon image and search bar,
basics concepts that can be useful at the moment to make a responsive website.
Add React to a Website You can add React to an HTML page in one minute. You can then either gradually expand its presence, or keep it contained to a few dynamic widgets.
The React documentation assumes some familiarity with programming in the JavaScript language. You don’t have to be an expert, but it’s harder to learn both React and JavaScript at the same time.
React and Web Components are built to solve different problems. Web Components provide strong encapsulation for reusable components, while React provides a declarative library that keeps the DOM in sync with your data. The two goals are complementary. As a developer, I am free to use React my Web Components.
Technologies & Resources: JavaScript Resources:
https://reactjs.org
https://reactjs.org/docs/add-react-to-a-website.html
GitHub
Template Choose display Word document.
The Idea why to code this tool : In many Office 365 projects, SharePoint migrations or document structure planning, the question often, where to store templates so that every user has access to them and, more importantly, always uses the latest version. Therefore, here is a tool powered approach that solves this problem and uses cloud technology to solve all these problems.
The second experience with Add-in
This Add-In project, I made using Visual Studio and in the same language Javascript This case selected the document and display it in the Word document, To make a chooser it will be subtitle and they click the button and each of them will display templates and the user will select them, depends what type of document they are looking to display in Microsoft Word.
I code this function to display different subjects of templates in a list, also I code the view of the Add-in using the tools of CSS and HTML.
currently Working in connect to the Sharepoint.
Make it 100% functional for the company I am working in the back end and will get word documents, would be display it.
What I need to do to connected to Sharepoint,
I have to updated to AZURE as a Web applications, ask the permission for the Sharepoint API, getting the token and URL of the company side, I am currently working in this steps to work with C# and JavaScript using node.js, php to connected as a consequence all the people will get this Web application
How it looks at the moment I finish the Front-End.
This project was one of the first coding experiences with Web Add-ins using JavaScript HTML & CSS and Visual Studio code for making an Array of images and display images (JPG) using simple selection double click in the document Word.
As an improve the experienced user select one or more icons and easier display it on the document I improve the code to make it easier as possible for the users to use the Web application.
The icons and Image are stored in Sharepoint where I am working in the Back-End display web application to Azure to get REST API and code using controller and my model in C# and JSONfile for get access to the icons and image use the search bar for look into them and make it easier for the user.
My work is progress updating the code and making smaller and efficient for example every subject has an Array of images will be displayed in a table for making the selection.and I made a function for getting the call back function of the database of the images stored in the URL(SharePoint of the company).
note = “Working in the Back-End and Improving the Front-End”
January February 2021 working in connect Graphics, icons and logos to Shapoints
The Improve of November getting the images stored of the Sharepoint.
Language: JavaScript and C#
The October is on process, Because I’m improving some details
Search is working as well as the sort of the image and the button click to get name of the image that have A special character.
The advance of October How I start and how I continue improving the image chooser.
The September look
How it Looks on August
The COVID Tracker a project made in using React and Visual Studio.
Why I made it? Well, for the people to help to watch the COVID cases each day and how is involving the COVID.
The number of people infected is changing and in my development project, I understand how to create a React application and use the language of Javascript and the concepts that I learn in my work experience for making it better and faster, Also I use an API for the information about the COVID cases and with Components for make the code readable and simple to use even for me.
The next image show how the Webpage works and show the cases update for each country.
Material-UI for React
Why use Material-UI’s styling solution?
In previous versions, Material-UI I used less, then a custom inline-style solution to write the component styles, but these approaches have proven to be limited. A CSS-in-JS solution overcomes many of those limitations, and unlocks many great features (theme nesting, dynamic styles, self-support, etc.). As a reference Visit the Link: https://material-ui.com
Technologies:
JavaScript
React
We cannot solve our problems with the same thinking
we used when we created them
Albert Einstein
Three-plus years of experience using logical thinking and programming skills to tackle various automation and software programming problems. My education and experience in mechatronics have provided me with a strong foundation in solving complex Front-End and Back-End development problems pragmatically. Constantly building my expertise in multiple programming languages, platforms, and tools to provide quality product functionality and user experiences. I am a good communicator who can effectively work with users, technical teams, and senior developers.
3 years using JavaScripts working on and getting experience give me a better understand about the way JS work and coding, because I learn the language with making personal projects. Working in this language help me to get my current job, and understand React I will get me to my next challenge, and to start I made a simple projects and get completes project after understanding the basics with the time, I code faster some example in my projects are budget, Pig-game and Pollution-Day.
2 years working using React, before starting coding, I always draw my ideas to make the UI and functionality also each of my apps has components where is functionality code that helps me to display and code it and make it understood, also I have been working with fetch API using Hooks (state), Where I use the request for my projects to get the information and display it, my project is on my Github account and I have been working with React Native Apps because for me is not work is a hobby create new apps and feature.
I am building Web applications name Add-ins for the company using Visual Studio and writing JavaScript code to display it O365.Using Azure for get Data traffic as smooth as possible for get documents, images and icons stored in SharePoint, using Rest APIs and making my call back function using (AJAX in JS) I can update my Web application (Add-ins) with this features.
Use of WordPress (HTML & CSS) for design the web page name LingoVR for young students, Also Making flow diagrams before coding starting coding in Js and PHP to make easier my coding, because I have a guide for getting started. Write a conversation in dialogue flow using my logical thinking to write FOR-LOOPS as IF statements and while statement using methods in Js to make it easier and with more complex logic.
Helped to develop the” BASE BC Student Network” available in GooglePlay and App Store as well. Updated existing code to add new features and improve user experience using React at this great internship I started to be in love with the React(JS) offers to make a Web application and Mobile app using React Native. For Vinple Debugged the code to make it readable and easy to maintain was my biggest challenge in this internship.
GitHub : https://github.com/car251290
Email: carrenojavier015@gmail.com
iOS
Swift
October 2018 – December 2018
Food is a simple restaurant picker app.
Using this app, users can easily make a decision about the favorite visit it and the category of restaurants there have visited.
This app is available on the Github Food.
image 1- The Food app has a listView of restaurants that the user has add and visit as well as the location of them , because user can have the favourite restaurant and visit it again
image 2- To add a restaurant the user has to tap the name , location and cellphone as well as a description if user wish to do it that can be easier to know the type of restaurant is each one ,in addition I add icon save to be storage in the listView
Image 3 – the view of the restaurant and the location using Google Map so the user can know where is each restaurant that he has add it to the list view
Image 4- it has the images of emojis, I add a tableView with emojis so the user can make a funny way to range the experience in the restaurant and tell if was enjoyable or worse experience and add it to the list also user can change the opinion of each restaurant.
Image 5 – the location in googleMap ,I add an emoji in the location of the restaurant so the user can enjoy the way he get to the restaurant.
Image 6- The feedback I add my personal pages in the app so the user can tell me, how was it experience with Food app, as well as it has my personal pages so they can see in what I am working.
Android
Java
June 2018 – July 2018
Silectric is an App that helps to measure the electronic items
Using this app, users can easily know the consumption and the price that they have to pay for it.
This app is available on my GitHub.
Image 1- The total of money is display in tableview , and give the total of money as well as the KWH , also if they change a value it will change the amount, I only use 30 days for the total count, and the activity per day has a button to add a item more to the Viewlist
Image 2- when they select an electronic Item they show the consumption in watts and the days, also this view has the item save at the top to save it in the final count
Image 3- The selection of the electronic type is a table view that has different values the user can select the consumption that more approach to the lamp that he uses, and I made a search item so user can look for the item that he is using
Image 4- The user can select the hours the watts and hours, I used tree buttons delate, cancel, so is easier to the user to select, also I use a scroll view so the user can type the watts, hours and minutes
Portfolio Javier Carreno 