Calificatuprofe

Calificatuprofe is a social share platform where users can rate Professors and Universities in Ecuador. This fulfills students needs for a platform where they can rate their professors and unviersities, and learn what university is better, and what professor will be better for their course selection.

In the Front-end React with Tailwind css and Shadcn UI. In the back-end Next.js and Prisma to manage the DB connection. For the database PostgreSQL with Railway. Vercel Deployment.

Clerk is in charge of handling user sessions and authentication.

• HTML
• CSS
• Javascript
• Typescript
• React
• Next.js
• Prisma
• Tailwind CSS
• Vercel
Live Preview

Inkspire

Inkspire is an improved version of Tattoo.io. In this version the user can set the number of images and the resolution of the images if they have a Pro subscription. Subscription are handle with stripe. User will first have 20 free tokens that allows it to generate 20 designs, after that Pro subscription will be required. Pro users will have access to pro features like multiple generation, private saving, and resolution options. Free users will have access to basic functionality like generate a single design, add or remove designs to gallery, add or remove designs to favorites, search filter, and Download images.

In the front-end I am using react with tailwind css and shadcn UI. In the back-end I am using next.js and Prisma to manage the DB connection. For the database I am using a Mysql PlanetScale DB. For deployment I chose Railway.

I am using Clerk to handle user sessions with social connections, and Crisp for support.

• HTML
• CSS
• Javascript
• Typescript
• React
• Next.js
• Prisma
• Tailwind CSS
• Railway
Live Preview

Pawsome

Pawsome is a pet adoption admin panel, where admin can create and edit species, breeds, and pet information. Admin can also approve or deny an adoption request. Users can click on a pet and make an adoption request. Emails to the user will be send every time an adoption request is submitted, approved, or denied. The application uses Spring Security to protect routes and JWT token to access secured endpoints. To access the admin panel user must login with the following credentials.

Email: admin@admin.com Password: 123456

This web application was design using React, Next.js, and Spring Boot.

• HTML
• CSS
• Javascript
• Java
• React
• Next.js
• Spring Boot
• PostgreSQL
• Railway
Live Preview

Tattoo.io

Tattoo.io is a tattoo design web application powered by AI. Users should sign up with their google account to be able to create tattoo designs. Once the user sign in, they are able to create tattoos by selecting a style and write their ideas. The AI will generate tattoo designs based on the style and the prompt which then can be saved or downloaded by the user. Users can also share their designs and their prompts, so they modify other users prompt to make their own creations.

The website was design using React and Next.js.

• HTML
• CSS
• Javascript
• React
• Next.js
• MongoDB
• Railway
Live Preview

Ring Configurator

Web design and development of a responsive product conifgurator focused on a jewelry. The ring configurator allows users to interact with a 3D model of a ring, changing its gemstone, material, and even adding and engrave in Live 3D so they can preview the desired product. In addition, the price will change according to the selected gemstone, materials, and karats.

The application was design using React, React Three Fiber, and Three.js. The model was build using blender.

• HTML
• CSS
• Javascript
• Vite
• React
• R3F
• Three.js
• Railway
Live Preview

Personal Portfolio

Web design and development of a responsive personal porfolio using Three.js as the main techonology. Three.js allows to load and interact with interactive 3D models, 3D animations, and other visually engaging features.

The 3D files in the hero section and about section were created using blender and exported as .gltf files compressed with DRACO to improve perfomance of the website. The camera and lights were added with Three.js which also allow us to change the position of the camera and intensity of the lights. Animations were done in blender, and rendered with Three.js.

• HTML
• CSS
• Javascript
• PHP
• Vite
• Three.js

Sweet Solar

Sweet Solar is a brand of fancy, delicious, and organic chocolate bars.

Logo

To visually convey the essence of this brand, I've chosen a color palette that is warm, bright, and inviting - with yellow, orange, and pink as primary colors that are often associated with sunshine, warmth, and hapiness, and sweetness. Together this colors create a palette that is not only visually appealing, but also evokes a sense of joy and positivity.

As for the pictorial elements, a sun, with sunbeams in the sape of the letter "S" - representing the Sweet Solar brand. The sun represents warm, light, and energy - qualities that align perfectly with the organic and natural ingredients of the chocolate. The "S" shape of the sunbeams not only reinforces the brand name, but also adds a playful touch to the overall design.

Tokyo Nights

Tokyo Nights is a Rave that takes place inside the Budokan Fest, the biggest anime and manga convention in Ecuador.

Logo

I chose to use neon colors and shapes such as stars, lightning bolts, and music notes to convey the energetic and vibrant atmosphere of a rave. These shapes and colors are commonly associated with the rave culture and are used to create a sense of excitement and anticipation.

The use of geometric shapes such as triangles and circles adds a modern and edgy feel to the design while also emphasizing the dynamic movement and rhythm of the music.

Finally, the font is made with the use of outlines, to mantain consistency with the use of the shapes.

Event Flyer / Instagram Post

Creating an event flyer for a rave can be challenging, especially when there are a lot of sponsor logos that need to be included in the design. It can be difficult to balance the sponsor logos with the overall aesthetic and message of the flyer, while also ensuring that the sponsors are given adequate recognition.

To address this challenge, I incorporated the sponsor logos into the design in a way that seamlessly integrates them into the overall aesthetic. By using a combination of transparency and layering, the sponsor logos are placed in a way that complements the overall design and does not overpower it.

The use of neon lights, colors, and shapes was also an important aspect of the design. These elements help to create a sense of excitement and energy that is associated with rave culture. The neon colors and shapes were strategically placed to draw attention to the key information such as the event name, date, and location.

Umai Food Experience

Umai Food Experience is a food festival inside Budokan Fest, the biggest anime and manga convention of Ecuador.

This logo was quite a challenge, and required a lot of research. The client required a logo for a japanesse food festival with a hannya mask as pictorial element. The Hannya mask is a significant cultural symbol in Japan, and it is essential to be respectful of its cultural significance. Another issue that presented was that these masks are often in an angry expression, which is not very friendly at the moment of inviting people to the festival.

Research was a very important step to address this challenges. My solution was to create a simplied and more friendly version of the Hannya mask and include other Japanesse elements such as traditional food (Takoyaki) and also text in Japanesse language.

WCS Charity Campaign

WCS is a global non-profit organization that works to conserve wild animals and their habitats around the world. They operate in over 60 countries and run a variety of conservation programs.

This idea behind the campign is to use typography to create the shape of endangered species. The shapes are created with phrases, that seek the viewer to protect the environment and donate money for the protection of endangered animals.