✰ check out my personal blog @ xbrainspacex.com



I am a passionate web developer with a Full Stack Certification from Nucamp and with a strong foundation in both front-end and back-end technologies. My experience includes building responsive user interfaces and developing robust server-side applications. I enjoy tackling complex problems and continuously improving my skills to deliver high-quality software solutions.

☆ Proficient in HTML, CSS, and JavaScript

☆ Strong knowledge of front-end frameworks such as React.js

☆ Experience with back-end development using Node.js and Express

☆ Familiar with database management using MongoDB and MySQL

☆ Skilled in RESTful API design and development

☆ Understanding of version control using Git and GitHub

☆ Familiarity with agile development methodologies
☆ Excellent problem-solving abilities and attention to detail

────୨ৎ────

────୨ৎ────

☆ theBunnyRanch ☆

A comprehensive and user-friendly React Native app designed as a one-stop shop for bunny enthusiasts. theBunnyRanch app provides a seamless shopping experience across both iOS and Android, featuring a sleek UI that’s tailored to meet the needs of bunny owners seeking high-quality products.

☆ Features: ☆

☆ Cross-Platform Experience: Seamless performance on both iOS and Android platforms, delivering a consistent user experience.
☆ Redux State Management: Efficient and predictable state handling for app-wide updates, including a dynamic shopping cart.
☆ Multi-Page Navigation: Smooth navigation with React Navigation, enabling users to explore product categories, view items, and manage their cart easily.
☆ User-Friendly Interface: Intuitive design showcasing product listings, detailed views, and a functional cart system.
☆ Consistent Styling: React Native Elements library provides a cohesive and professional look throughout the app.
☆ Cart System: Allows users to add, view, and remove items, with real-time updates for a smooth shopping experience.
☆ Form Validation: Ensures data integrity in the contact form, enhancing user confidence and accuracy.

☆ Technologies Used: ☆

☆ React Native: For efficient cross-platform development.
☆ Redux: For centralized state management across components.
☆ React Navigation: Enables intuitive, multi-page navigation.
☆ React Native Elements: For consistent and customizable component styling.
☆ JavaScript (ES6+): Powers the app’s functionality and logic.

This project demonstrates my ability to build user-centered mobile applications that emphasize functionality, clean design, and an enjoyable shopping experience. ☆



────୨ৎ────

────୨ৎ────

☆ Game of Thrones Quote Generator ☆

A simple and engaging React Native app that delivers inspiration at the tap of a button. The Game of Thrones Quote Generator App is designed to provide users with randomly selected, motivational quotes to brighten their day. With a minimalistic interface, users can generate a new quote by tapping a button, making it easy to explore new ideas and gain fresh perspectives.

☆ Features: ☆

☆ Randomized Quote Display: Each button press displays a new quote chosen at random from an array of inspirational quotes, ensuring variety.
☆ User-Friendly Interface: The app has a clean and intuitive layout, providing a focused and distraction-free user experience.
☆ Responsive Design: Designed for mobile devices, the app provides a seamless experience on both iOS and Android platforms.

☆ Technologies Used: ☆

☆ React Native: For cross-platform mobile development.

☆ JavaScript: To handle app logic and state management.

☆ This project demonstrates my ability to build simple, user-centered mobile applications with an emphasis on clean design and efficient functionality. ☆

────୨ৎ────



my personal blog is a dynamic, visually engaging web application showcasing a diverse range of projects, including programming portfolios, artwork, and client offerings. This single-page application was built to highlight my skills across web and mobile development, UI/UX design, and state management, providing visitors with an immersive browsing experience that is both professional and user-friendly.

☆ Features: ☆

☆ Responsive Design: A mobile-first approach ensures the site looks and performs well on all devices, maintaining an optimal experience from desktops to smartphones.

☆ Interactive Navigation: A smooth, client-side navigation using Next.js Link enables seamless transitions between different sections, enhancing the overall user experience.

☆ Video Integration: Demonstrative video files of projects (e.g., theBunnyRanch app and Game of Thrones Quote Generator) are integrated directly, allowing potential clients to see projects in action.

☆ Contact Options: Provides direct access to my professional profiles and includes a functional mailto link for inquiries, supporting easy client connections.

☆ Technologies Used: ☆

☆ Next.js: For server-side rendering and client-side routing, improving load times and enabling SEO-friendly project pages.

☆ React: Powers the site’s UI components, enabling a modular and efficient design approach.

☆ CSS Modules: For component-specific styling, ensuring consistent and maintainable code across the site.

☆ JavaScript (ES6+): For interactive elements and state management, enhancing the user experience.

☆ File Handling: Utilized Webpack configuration to load .mp4 files and file-loader for easy integration of multimedia elements.

☆ Hosting: Deployed on Vercel for reliable, performant web hosting and streamlined continuous deployment.

────୨ৎ────

☆ Hair by Adrian ☆

Hair by Adrian is a personal portfolio website that showcases Adrian’s unique talents and expertise as a cosmetology student specializing in alternative hairstyles. The site combines a sleek, modern design with interactive features that engage visitors and provide an in-depth look into Adrian’s journey and stylistic focus on emo, scene, and wolf cuts. Designed with a focus on both aesthetics and functionality, the website provides an intuitive user experience across all devices.

☆ Features: ☆

☆ Dynamic Image Carousel: A stylish carousel displays a gallery of Adrian’s work, allowing users to explore different hairstyles and stylistic inspirations.

☆ Responsive Design: Built with a mobile-first approach, the website adjusts seamlessly across devices, ensuring accessibility and an optimal viewing experience.

☆ Interactive Navigation: Smooth, client-side navigation using React Router enhances the user experience, enabling quick transitions between sections.

☆ Engaging About Section: A personalized "About" page that shares Adrian's background, inspirations, and passion for creating alternative, expressive hairstyles. This section includes a professional selfie and a detailed narrative that connects with the audience.

☆ Customizable Links Section: Clear and visually appealing links to different sections, like "About," "Booking," and "Portfolio," make it easy for visitors to explore Adrian's offerings.

☆ Animated Elements: Subtle CSS animations add a layer of interactivity, capturing the viewer’s attention and enhancing the overall visual appeal.

☆ Scalable Design: Built using modular components in React, the site is easy to expand and update as Adrian’s portfolio grows.

☆ Technologies Used: ☆

☆ React for building a responsive single-page application.

☆ React Router for smooth client-side navigation.

☆ Bootstrap for styling and layout, ensuring mobile responsiveness.

☆ CSS animations for dynamic visual effects.

☆ JavaScript and Custom CSS for enhanced interactivity and style customizations.

This project reflects Adrian’s commitment to creativity and professionalism in cosmetology, creating a digital space that celebrates alternative hairstyles and invites potential clients and collaborators to connect.

────୨ৎ────