Bootstrap

Backend Developer focused on building real-world APIs and scalable backend solutions.

Juan Carlos
About me

I am a web developer with professional experience working with Django Rest Framework, where I have spent about a year building and maintaining robust APIs. In addition, I have strengthened my skills through continuous hands-on practice with technologies such as React, JavaScript, Bootstrap, and Django for template-based interfaces. I focus on creating efficient, scalable solutions with a strong emphasis on user experience.

Flip card section

django rest_framework

Django rest framework

Backend Developer with one year of professional experience building scalable APIs using Django REST Framework. I develop fully customizable backend solutions for frontend clients, implementing complex business logic for advanced filtering, updating, deleting, and creating data (CRUD operations). Experienced in bulk data generation for testing environments, large Excel data processing using openpyxl (including structured tables), and data analysis with matplotlib for trend visualization. I have integrated external APIs such as INEGI, Rest Countries, and Contalink into internal systems, as well as worked with external databases like Firebase using custom-built Python string-based commands.

Backend services

  • Excel report generation, matplotlib analysis.
  • Full class-based CRUD operations.
  • Custom logic views built from scratch.
  • APIs for specific external servers.
  • Command handling for external databases.
  • Integration with external database services.
django

Django

I have strong technical expertise using Django to develop dynamic HTML templates that interact directly with local and external databases. I seamlessly integrate these templates with Bootstrap and JavaScript to deliver an enhanced user experience, implementing efficient data filtering, creation, updating, and deletion operations. I am proficient in class-based views for CRUD operations, as well as in designing highly customized views with specific business logic to address complex data interaction requirements across different interfaces.

Django template services

  • Seamless integration of templates with Bootstrap and JavaScript to enhance user experience.
  • Proficiency in class-based views for structured and maintainable CRUD operations.
  • Development of custom views with specific business logic to solve complex data interaction requirements across multiple interfaces.
bootstrap

Bootstrap

Frontend interface designer using Bootstrap for rapid web development. Skilled in combining Bootstrap components with JavaScript to build responsive and backend-connected interfaces from scratch. Strong knowledge of core Bootstrap components and layout systems.

Bootstrap services

  • Responsive by default
  • Fast development
  • Consistent design
  • Easy to customize
  • Large component library
  • Strong community support
  • Cross-browser compatibility
  • Ideal for prototypes
  • Integrates well with other frameworks
  • Mobile-first approach
sass

JavaScript

Junior-level JavaScript developer experienced in API consumption, dynamic template creation using string-based rendering, and building basic simulators. Familiar with libraries such as SweetAlert and Toastify for user interaction and notifications. Primarily focused on integration with Django REST Framework backends.

JS services

  • Intermediate knowledge of JavaScript
  • DOM manipulation and dynamic UI development
  • REST API integration and asynchronous data handling
  • Responsive design with Bootstrap and modern CSS
  • CRUD application development and frontend-backend integration
  • State management, routing, and form validation
  • Debugging, code optimization, and reusable component design
sass

React

Experience in React development, including building reusable components, managing state with hooks, handling component communication, and consuming APIs. Knowledge of routing, performance optimization, form handling, and the use of modern tools for structuring, styling, and deploying applications.

React skills

  • Foundation for building modular and reusable interfaces with clear separation of concerns.
  • Handles dynamic data, side effects, and complex logic in a structured way.
  • Enables efficient UI updates based on state and data lists.
  • Organizes data flow across components while reducing unnecessary dependencies.
  • Improves performance, logic reuse, and fine control over application behavior.
react

React & material UI

Able to build responsive React interfaces using Material UI components, customize themes and layouts, work with the documentation, and create reusable, accessible UI elements following Material Design principles

Material UI skills

  • Ability to build responsive React interfaces using Material UI components.
  • Ability to customize themes and layouts.
  • Ability to work with the documentation.
  • Ability to create reusable, accessible UI elements following Material Design principles.

Slideshow

Progress bar section

dev stack
Django rest_framework - 90%
Django - 80%
Bootstrap - 80%
JavaScript - 85%
React - 70%
material UI - 60%

Projects section

Ecommerce screenshot
Ecommerce

The most comprehensive project so far, involving a frontend client builtwith Bootstrap as well as several features that interact with a backend server to handle all the CRUD requests. Additionally, it includes an Excel report with graphical data analysis and large datasets grouped into formatted tables

rest countries
Consume external server

In this project, I built a complete API from scratch using Django Rest Framework to consume the external REST Countries service and extract metadata about all the countries in the world. The project includes data analysis, export to Excel reports with professional table designs, basic CRUD operations, and customized views.

bootstrap
Bootstrap project

My most relevant project as a beginner Bootstrap interface designer, fully focused on mastering responsive layouts and creating user-friendly experiences while aiming to achieve the highest level of professional design possible.

django
Django

A playlist focused on HTML interfaces built with the Django framework, demonstrating mastery of Python logic combined with proper data manipulation to create repetitive components and HTML structures with a very basic CSS design

django_rest_framework
Django rest_framework

A playlist focused on showcasing projects built with Django Rest Framework, highlighting the skills acquired after a full year of professional experience as a backend server developer, while openly presenting myself as an expert in the field and in the mastery of Django Rest Framework

gallery - shopping cart
Shopping cart simulator

This project showcases a fully functional e-commerce shopping cart simulator. It operates using its own locally stored data through localStorage, allowing the application to store, update, and manage the records associated with the current user's cart. The system displays relevant information such as personal details, available balance, items currently in the cart, purchased items, and the remaining amount required to complete purchases. The application was developed using JavaScript and Bootstrap.

shopping cart simulator
shopping cart simulator (bootstrap & django)

An eCommerce shopping cart simulation built with Django for backend management and template automation, while using JavaScript and Bootstrap on the frontend to deliver an interactive user experience.

shopping cart simulator
shopping cart simulator (react material ui & django)

In this video, I showcase a complete eCommerce shopping cart simulator built with React and Material UI on the frontend, and Django REST Framework on the backend. The demonstration covers product browsing, cart management, dynamic data retrieval through REST APIs, and the interaction between the client-side application and the server-side architecture. On the frontend, React and Material UI are used to create a responsive and modern user experience. On the backend, Django REST Framework handles business logic, API endpoints, data processing, and communication with the database.

Form section (non-functional)