Coder Social home page Coder Social logo

@johncanero

I'm Jam

Software Engineer, Web Developer & Architecture Designer

I am on an adventure delivering web applications and exploring technologies.

  • 🌍 I'm Filipino based in the Philippines 🇵🇭
  • 🏛️ I’m am an Architecture Designer
  • ✉️ You can contact me at: https://www.linkedin.com/in/johncanero/
  • 🧠 I'm learning React Js, Next Js, SvelteKit and Cloud Computing
  • ⚡ I'm a Self-Taught Web Developer
  • ⚽ Hobbies: Reading Books, Football, Cycling, Running
  • 🧐 Interested in React Native, Flutter, UI/UX Design and Cloud Computing
  • 💻 Visit my website at: https://johncanero.com/

Socials

💼 Tech Stack

Front End Development:

React Next JS JavaScript TypeScript Flutter HTML5 CSS3 TailwindCSS Bootstrap

Miscellaneous Skills:

Git GitHub NPM Vercel Netlify

Back End Development:

Express.js NodeJS MongoDB GraphQL

💻 IDEs/Editors

Visual Studio Code

🕓 Design Graphics

Adobe Photoshop Adobe Illustrator Adobe Premiere Pro Figma Canva Unsplash

Development Projects

Website

Full Stack Applications

Landing Page

Commercial Cards

API Generator

Blogger at Medium

Started blogging on about investing on oneself, realizations & thoughts and life.

John Cañero's Projects

advice-generator-app icon advice-generator-app

This is the Advice Generator Application. Let's be inspired, motivated and bless ourselves with quotes that would help and improve our life for the better and for others.

airbnb-clone icon airbnb-clone

This is an AirBnb Clone using Next Js and Tailwind CSS from the Scrimba Project Lesson

aura-tune icon aura-tune

Full Stack AuraTune inspired by Spotify: Next 13.4, React, Stripe, Supabase, PostgreSQL, Tailwind (2023)

bandname-generator icon bandname-generator

This is a Python Band Name Generator Project: String Manipulation, Input Function and Variables

colorsequencegame icon colorsequencegame

This is the Improved Web Design of the Color Sequence Game guide by the Web Development Bootcamp by Angela Yu (Udemy)

digital-business-card icon digital-business-card

This is a Scrimba Project 2: Building a Digital Business Card powered by React JS and Guided by Figma Design

elclasico icon elclasico

ElClasico Match Score Prediction (FC Barcelona vs Real Madrid CF)

emojipedia icon emojipedia

This is the Emojipedia Project powered by React Js

get-time-state icon get-time-state

This is the Get Time Project powered by React Js and useState Hook

glider-shadcn icon glider-shadcn

Build an E-Bike/E-Scooter: NextJs13, Tailwind CSS, Typescript and Shadcn UI | Sustainability Project

healthylivingjam icon healthylivingjam

HealthyJam is a website that displays a curated selection of the nutritious foods that I personally deem as healthy and enjoyable to consume.

jamwebsite icon jamwebsite

This is a sample simple project of Jam Website showcasing my interests and what I like to do. CV 2.0.

johncanero-blog icon johncanero-blog

NextJs13 Blog Version using (Sanity v3, TypeScript, Tailwind CSS, Auth, CMS, Preview Mode)

keeper-app icon keeper-app

This is the Keeper App Project powered by React Js

landing-page icon landing-page

This is a Traversy Media Project: Building a Landing Page using Tailwind CSS

lead-landing-page icon lead-landing-page

This is the Lead Landing Page: A super solution for your business & marketing and sales automation

login-flow icon login-flow

This is the Login Flow Project powered by React Js

meme-generator icon meme-generator

This is a Scrimba Project: A Meme Generator made from Next Js, Tailwind CSS and Typescript

my-contacts icon my-contacts

This is the My Contacts Project powered by React Js

netflix-streaming-service icon netflix-streaming-service

Full Stack Steaming Service Clone in React, Tailwind CSS, Next.JS, Prisma, MongoDB, NextAuth & Vercel (2023)

newsflasher-bulletin icon newsflasher-bulletin

This is a Live News App built with Next.js 13 (TypeScript, StepZen, Tailwind, Dark Mode, GraphQL)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.