Welcome
LetFLix movie App
React
Bootstrap
JavaScript
Parcel
×
LetFLix Movie App
A client-side APP called LetFlix, built using React based on its existing server-side code, comprising a REST API and a database. It offers a comprehensive platform for movie enthusiasts to explore, favorite, and learn more about a wide range of movies.
Development Highlights
- Wireframing and planning
- React setup with Parcel
- Reusable components
- Client-side routing
- Responsive design with Bootstrap
- State management with hooks
- API integration
- Thorough testing
Features
- User authentication
- Movie browsing and search
- Responsive design
- Favorites management
- Detailed movie information
Login Info
Username: Leoangel
Password: Leoangel
LetFLix Movie API
Node.js
Express.js
MongoDB
×
LetFLix Movie API
A Node.js application built with Express.js, MongoDB, and Mongoose for managing movie data.
Development Highlights
- Setting up Node.js environment
- REST API development with Express.js
- Database modeling with Mongoose
- Data validation and error handling
- Authentication and authorization
- CRUD operations for movie data
- Testing with Postman
- Deployment on Heroku
Features
- User registration and login
- Movie management
- User profile management
- Secure endpoints
Angular TS Movie App
Angular
Angular Material
RxJS
×
Angular TS Movie App
A single-page, responsive application that provides users with access to information about different movies, directors, and genres. Users can sign up, update their personal information, and create a list of their favorite movies.
Development Highlights
- Initial setup with Angular CLI
- Component-based architecture
- State management with RxJS
- Material Design integration
- Client-side routing
- Responsive layout
- Integration with external APIs
- Unit testing with Jasmine
Features
- User authentication
- Movie browsing and search
- Favorites management
- Personal profile updates
Login Info
Username: Leoangel
Password: Leoangel
Yoga Shack Website
HTML
CSS
JavaScript
PHP
×
Yoga Shack Website
A responsive website built with HTML, CSS, and JavaScript. Features interactive elements and a modern design.
Development Highlights
- Responsive layout with CSS Grid and Flexbox
- Interactive elements with JavaScript
- Modern design and user experience
- SEO optimization
- Cross-browser compatibility
Features
- Responsive design
- Interactive elements
- Modern UI/UX
Pokédex App
HTML
CSS
JavaScript
×
Pokédex App
A web application utilizing the PokemonAPI to fetch and display data on various Pokémon.
Development Highlights
- API integration
- API integration with PokemonAPI
- Dynamic data rendering
- Responsive design
- JavaScript event handling
Features
- Search functionality
- Pokémon detail pages
- Interactive UI
- Responsive layout
Food Loan App
PHP
React
TypeScript
×
Food Loan App
An application in the UI-UX phase, built with PHP and React. Aims to streamline food loan management with a user-friendly interface and robust backend functionality.
Development Highlights
- Backend development with PHP
- Frontend development with React and TypeScript
- UI/UX design
- Database integration
Features
- User authentication and management
- Loan tracking and management
- Responsive design
Meet App
PWA
Google API
AWS Lambda
×
Meet App
A progressive web application for managing events with Google Calendar integration, deployed using AWS Lambda.
Development Highlights
- PWA development
- Google Calendar API integration
- Serverless architecture with AWS Lambda
- Responsive design
Features
- Event management
- Google Calendar synchronization
- Offline capabilities
Edo Atelier Website
HTML
Bootstrap
CSS
×
Edo Atelier Website
Responsive Design utilizing HTML and Bootstrap, the site ensures a seamless and attractive user experience across all devices, from desktops to mobile phones.
Development Highlights
- Responsive layout with Bootstrap
- Modern design principles
- Cross-browser compatibility
Features
- Responsive design
- Interactive elements
- SEO optimization
Chat mobil App
React Native
Expo
Firestore
The Fitness mobil App
React Native
TypeScript
Expo
3D Visual Fabrik Web Site
Wix
×
3D Visual Fabrik Web Site
This website is designed using Wix, providing a highly visual online presence for a 3D visualization service. It showcases portfolio work, services offered, and contact information. I created all the 3D visualizations featured on this site during my freelance work as a 3D artist.
Development Highlights
- Website design and development using Wix
- Highly visual content arrangement
- Integration of portfolio galleries
- User-friendly interface with responsive design
About Me
Background
Born in Chile, I obtained a Bachelor's degree in Architecture and worked in the field for over 4 years. My studies took me to Germany, where I spent time at the TU Braunschweig. Driven by a desire to explore the world, I spent a transformative year in Asia, earning a TTC in Yoga in the foothills of the Himalayas and engaging in various permaculture and wellness projects.
Exploration and Freelance Work
For the past 5+ years, I have been living in Germany. During this time, I have explored different paths, including teaching yoga in Berlin and freelancing as a 3D artist.
Entrepreneurial Ventures
Before joining CareerFoundry's 10-month intensive Full-Stack Bootcamp to deepen my knowledge in web development, I opened and designed my own hostel for digital nomads, Urban Monk Hostel, which hosted the Mostar Street Art Festival.
Transition to Web Development
Realizing the potential to integrate technology and wellness, I delved into web development. Starting with HTML, CSS, and JavaScript, I soon joined CareerFoundry's 11-month intensive Full-Stack Bootcamp to deepen my knowledge and earning a Full-Stack web developer certificate.
My work method is quite systematic and involves a blend of traditional and modern techniques:
- Sketching and Planning: I like to use old-school pen and notebook to sketch and draw ideas for the project. This helps me visualize and outline the project.
- Information Gathering: I collect information on how to develop the project and determine the appropriate tech stack to use.
- Database Setup: Depending on the project requirements, I start by building the database, often using technologies like Firestore.
- UI Design: I proceed to design the user interface, focusing on creating an organized and flexible template. This initial stage is crucial as it ensures that the design can be easily modified in the future without encountering significant problems.
- Reliable is better Since the code will get huge very fast, I think one of the best work practices is to check every piece of new code, since you dont want to find out 500 lines after that there is something crashing somewhere.
Future Career Path
I am keen to leverage my diverse background to create innovative and sustainable web solutions. My goal is to contribute to projects across various sectors including e-commerce, fitness and wellness. When I'm not coding, you can find me climbing, cycling, or taking cold plunges.
Personal Motto
Life Motto: "Remember to breathe, take it easy, and enjoy the journey."
Developer Motto: "Every step counts, think in blocks, make it progressive."
Gallery
Snapshots from my journeys and life experiences...
