📫 How to reach me:
intermediadesignsllc@gmail.com

• 🗂️ Develop a desktop application for contract management

• 👩🏻‍🏫 Develop a learning website

• 🖥️ Develop a Micro SaaS

• 👩🏻‍💻 Develop Wordpress themes & plugins

• 🔭 I’m currently working on my web developer portfolio

• 🌱 I’m currently learning Python

• 💬 Ask me about anything

• Code Sage AI - AI-Assisted Code Review Platform

  Live Site

  This AI-Assisted Code Review Platform is an innovative solution designed to revolutionize the code review process. By leveraging cutting-edge AI technology, it provides intelligent, automated code analysis and suggestions, enhancing code quality and accelerating development cycles.

                

  Project Overview:

  
  

  • Features:
  
  
  • AI-Powered Code Analysis: Utilizes Google Gemini to provide intelligent code review suggestions and identify potential issues.
  • Real-time Collaboration: Enables developers to share and review code snippets in real-time.
  • Multi-language Support: Supports various programming languages for comprehensive code analysis.
  • User Authentication: Secure user accounts and personalized review history.
  • Interactive Code Editor: Feature-rich code editing environment with syntax highlighting.
  
  
  • Tech Stack:
  
  
  • Frontend: Next.js with TypeScript
  • Backend: Convex
  • AI Model: Google Gemini
  • Authentication: Clerk
  • Styling: Tailwind CSS & Shadcn/UI
  
  
  • Technical Implementation:

  Next.js Frontend

  • App Router for optimized routing and server-side rendering
  • TypeScript for enhanced type safety and developer experience
  • Monaco Editor integration for a powerful code editing interface

  Convex Backend

  • Real-time data synchronization for collaborative features
  • Efficient storage and retrieval of code snippets and review data
  • Serverless functions for handling business logic

  Google Gemini Integration

  • Advanced natural language processing for code analysis
  • Context-aware suggestions for code improvements
  • Multi-language support for diverse development environments

  Google Gemini Integration

  • Advanced natural language processing for code analysis
  • Context-aware suggestions for code improvements
  • Multi-language support for diverse development environments

  Google Gemini Integration

  • Advanced natural language processing for code analysis
  • Context-aware suggestions for code improvements
  • Multi-language support for diverse development environments

  
  

  Conclusion

  The AI-Assisted Code Review Platform aims to address several key challenges in the software development process:

  • Enhancing Code Quality: By providing AI-driven insights, the platform helps identify and resolve potential issues early in the development cycle.
  • Accelerating Development: Instant AI feedback reduces the time spent on manual code reviews, speeding up the overall development process.
  • Promoting Best Practices: The AI suggestions help developers learn and apply coding best practices consistently across projects.
  • Reducing Technical Debt: Early detection of code issues prevents the accumulation of technical debt over time.
  • Augmenting Human Expertise: By handling routine checks, the AI allows human reviewers to focus on higher-level architectural considerations.

  
  

  This platform not only improves code quality and developer productivity but also fosters a culture of continuous learning and improvement in software development teams.

  
  

• AI Customer Support Application for Headstarter SWE Fellowship

  Live Site

  This AI Customer Support Application was developed as part of the Headstarter SWE Fellowship. It's an AI- powered chatbot designed to provide intelligent customer support, leveraging modern web technologies and AI capabilities to deliver a personalized chat experience.

          

  Project Overview:

  
  

  • Features:
  
  
  • Intelligent AI Responses: Utilizes Google Gemini to generate dynamic, context-aware responses to user queries.
  • User Authentication: Personalized chat experiences with secure user authentication.
  • Real-time Interaction: Instant message display and status indicators for a seamless user experience.
  
  
  • Tech Stack:
  
  
  • Frontend: Next.js
  • Backend & Database: Firebase
  • AI Model: Google Gemini
  
  
  • Technical Implementation:

  Next.js Frontend

  • Server-side rendering for improved performance and SEO
  • Dynamic routing for seamless navigation
  • API routes for serverless backend functionality

  Firebase Integration

  • Realtime Database/Firestore for data storage
  • Firebase Authentication for user management
  • Cloud Functions for serverless operations

  Google Gemini Integration

  • API integration for processing user inputs and generating responses
  • Context management system for coherent conversations
  • Error handling and fallback mechanisms
  
  
  • Contributors:
  
  

  This project was developed as part of the Headstarter SWE Fellowship. Contributors include:

  Frontend & Backend

  • Lynjai Jimenez

  Frontend UI

  • Calypso Hernandez

  
  

  Conclusion

  This project showcases my proficiency in developing advanced web applications using cutting-edge technologies. Specifically, it demonstrates:

  • Full-stack Development Skills: Utilizing Next.js for a robust frontend and Firebase for a scalable backend, showcasing a comprehensive understanding of modern web development practices.
  • AI Integration: Successfully implementing Google Gemini for intelligent responses, highlighting my ability to work with and integrate advanced AI models into practical applications.
  • User Authentication and Security: Implementing secure user authentication and data protection measures, demonstrating a strong focus on application security and user privacy.
  • Real-time Features: Developing real-time interaction capabilities, showcasing skills in creating responsive and dynamic user experiences.
  • Problem-Solving Abilities: Addressing challenges such as AI response latency and context retention, illustrating my capacity to find innovative solutions to complex technical problems.
  • UI/UX Considerations: Creating an intuitive and user-friendly interface for the chatbot, showing an understanding of the importance of user experience in application design.

  
  

  This AI Customer Support Application not only serves as a practical solution for enhancing customer support processes but also as a testament to my capabilities as a developer. It reflects my ability to leverage modern technologies to create innovative, efficient, and user-centric applications.

  
  

• Flash Wave a Flashcard SaaS Application for Headstarter SWE Fellowship

  Live Site

  This Flashcard SaaS Application was developed as part of the Headstarter SWE Fellowship. Flash Wave is a cutting-edge flashcard application that revolutionizes the way you learn and retain information. Powered by advanced AI technology and built on a robust tech stack, Flash Wave offers a seamless, personalized learning experience for students, professionals, and lifelong learners alike.

                

  Project Overview:

  
  

  • Features:
  
  
  • AI-powered flashcard generation
  • Personalized learning paths
  • Multiple subscription tiers (Free, Basic, Pro)
  • Intuitive user interface
  • Progress tracking and analytics
  • Secure authentication with Clerk
  • Seamless payment integration with Stripe
  
  
  • Tech Stack:
  
  
  • Frontend: Next.js
  • Backend: Firebase
  • Authentication: Clerk
  • AI Integration: OpenAI
  • Payment Processing: Stripe
  
  
  • Technical Implementation:

  Next.js Frontend

  • Server-side rendering for improved performance and SEO
  • Dynamic routing for seamless navigation
  • API routes for serverless backend functionality

  Clerk Authentication

  • Secure user authentication and management
  • Seamless integration with Next.js
  • Support for multiple authentication methods

  Firebase Integration

  • Realtime Database/Firestore for data storage
  • Cloud Functions for serverless operations
  • Scalable backend infrastructure

  Stripe Payment Integration

  • Secure payment processing for subscription tiers
  • Webhook integration for handling payment events
  • Customer portal for managing subscriptions

  OpenAI Integration

  • AI-powered flashcard generation
  • Natural language processing for content optimization
  • Personalized learning recommendations
  
  
  • Contributors:
  
  

  This project was developed as part of the Headstarter SWE Fellowship. Contributors include:

  Frontend & Backend

  • Lynjai Jimenez

  Frontend UI

  • Calypso Hernandez

  
  

  Conclusion

  This project showcases proficiency in developing advanced web applications using cutting-edge technologies. Specifically, it demonstrates:

  • Full-stack Development Skills: Utilizing Next.js for a robust frontend and Firebase for a scalable backend, showcasing a comprehensive understanding of modern web development practices.
  • AI Integration: Successfully implementing Google Gemini for intelligent responses, highlighting the ability to work with and integrate advanced AI models into practical applications.
  • User Authentication and Security: Implementing secure user authentication and data protection measures, demonstrating a strong focus on application security and user privacy.
  • Real-time Features: Developing real-time interaction capabilities, showcasing skills in creating responsive and dynamic user experiences.
  • Problem-Solving Abilities: Addressing challenges such as AI response latency and context retention, illustrating the capacity to find innovative solutions to complex technical problems.
  • UI/UX Considerations: Creating an intuitive and user-friendly interface for the chatbot, showing an understanding of the importance of user experience in application design.

  
  

  Flash Wave not only serves as a practical solution for enhancing learning processes but also as a testament to the developers' capabilities. It reflects the ability to leverage modern technologies to create innovative, efficient, and user-centric applications.

  
  

• Mentor Metrics AI-Powered Professor Rating and Recommendation System Application for Headstarter SWE Fellowship

  Live Site

  Mentor Metrics is an innovative AI-powered application that revolutionizes the way students access and interpret professor ratings. Built with cutting-edge technologies, this project aims to provide personalized, intelligent insights into professor performance and suitability.

             

  Project Overview:

  
  

  • Features:
  
  
  • AI-powered professor rating analysis
  • Automated web scraping of Rate My Professor pages
  • Advanced search and personalized professor recommendations
  • User-friendly interface for submitting new professor data
  • Real-time data updates and analysis
  
  
  • Tech Stack:
  
  
  • Frontend: Next.js
  • AI Integration: OpenAI
  • Vector Database: Pinecone
  • Web Scraping: Cheerio
  
  
  • Technical Implementation:

  Next.js Frontend

  • Server-side rendering for improved performance and SEO
  • Dynamic routing for seamless navigation
  • API routes for serverless backend functionality

  OpenAI Integration

  • Natural language processing for analyzing professor reviews
  • AI-powered recommendation system
  • Context-aware query understanding and response generation

  Pinecone Integration

  • Vector storage for efficient similarity search
  • Real-time data updates and retrieval
  • Scalable architecture for handling large datasets

  Web Scraping Module

  • Automated data extraction from Rate My Professor pages
  • Data cleaning and preprocessing
  • Integration with Pinecone for real-time database updates
  
  
  • Contributors:
  
  

  This project was developed as part of the Headstarter SWE Fellowship. Contributors include:

  Frontend & Backend

  • Lynjai Jimenez

  Frontend UI

  • Calypso Hernandez

  
  

  Conclusion

  Mentor Metrics demonstrates proficiency in developing advanced AI-powered web applications. Key highlights include:

  • AI Integration: Leveraging OpenAI for intelligent analysis and recommendations, showcasing the ability to work with cutting-edge AI technologies.
  • Vector Database Implementation: Utilizing Pinecone for efficient data storage and retrieval, demonstrating skills in working with modern, specialized databases.
  • Web Scraping and Data Processing: Implementing automated data collection and processing, highlighting capabilities in handling and structuring large datasets.
  • Full-stack Development: Building a comprehensive application with Next.js, combining frontend and backend technologies for a seamless user experience.
  • Scalable Architecture: Designing a system capable of handling growing datasets and user bases, showcasing foresight in application architecture.

  
  

  Mentor Metrics not only serves as a valuable tool for students seeking professor information but also demonstrates the developers' ability to create innovative, AI-driven solutions to real-world problems.

  
  

• Pantry Pro - AI-Powered Pantry Management Application for Headstarter SWE Fellowship

  Live Site

  Pantry Pro is an innovative pantry management application developed as a solo project. It leverages modern web technologies and AI capabilities to provide a seamless and intelligent solution for managing your kitchen inventory and meal planning.

             

  Project Overview:

  
  

  • Features:
  
  
  • Pantry Management: Add, delete, and update pantry items with ease.
  • Smart Search: Quickly find items in your pantry with advanced search and filter functionality.
  • Grocery List: Save items directly to your grocery list for convenient shopping.
  • Favorites: Mark and easily access your favorite pantry items.
  • AI-Powered Recipe Suggestions: Get personalized recipe ideas based on your pantry contents.
  • Image Generation: Automatically generate and update item images using AI.
  
  
  • Tech Stack:
  
  
  • Frontend: Next.js, Tailwind CSS
  • Backend & Database: Firebase
  • AI Integration: Hugging Face API (image generation), Google Gemini API (recipe suggestions)
  • Deployment: Vercel with CI/CD
  
  
  • Technical Implementation:

  Next.js Frontend

  • Server-side rendering for improved performance and SEO
  • Dynamic routing for seamless navigation
  • Responsive design using Tailwind CSS

  Firebase Integration

  • Realtime Database for storing pantry items and user data
  • Firebase Authentication for user management
  • Cloud Storage for storing generated item images

  AI Integration

  • Hugging Face API for generating realistic item images
  • Google Gemini API for intelligent recipe suggestions based on pantry contents

  CI/CD Pipeline

  • Automated deployment to Vercel upon pushing to the main branch
  • Continuous integration checks to ensure code quality and prevent breaking changes

  
  

  Conclusion

  Pantry Pro showcases advanced web development skills and the innovative use of AI in practical applications. Key highlights include:

  • Full-stack Development: Utilizing Next.js and Tailwind CSS for a robust frontend, with Firebase powering the backend.
  • AI Integration: Leveraging Hugging Face for image generation and Google Gemini for intelligent recipe suggestions.
  • Real-time Features: Implementing real-time updates for a responsive user experience.
  • Scalable Architecture: Designing a system capable of handling growing user bases and data volumes.
  • User-Centric Design: Focusing on intuitive UI/UX to enhance user engagement and satisfaction.

  Pantry Pro not only simplifies pantry management but also demonstrates the potential of combining modern web technologies with AI to create practical, user-friendly applications.

  
  

• Pet Taskmaster for HackmyHead - Software Engineering and Fullstack Web Development Bootcamp:

  Live Site

  I collaborated with 2 teammates on a full-stack web application crafted with React, CSS, JavaScript, and Next.js for the frontend, and Prisma for streamlined query and API handling. This comprehensive platform offers users a seamless experience, featuring robust authentication functionalities for registration, login, and logout. Pet Taskmasters is a user friendly task management game application that allows the users to purchase pokemon using earned coins, raise a pokemon to evolve its stage, complete tasks, create tasks, and earn coins for completing bonus tasks. The project showcases our proficiency in fullstack development and the utilization of cutting-edge technologies for a dynamic and user-centric web application.

                      

  Skills & Features

  
  

  • Neon Postgres
  • Pokemon API - Pokemon API Website
  • YouTube Video: Pet Taskmaster Video
  • GitHub Repo: Team Lead Pet TaskMaster Repository

  
  

  Shout out to David & Moreen, 2 of the best teammates to work with on a project!

• Reddit Clone for HackmyHead - Software Engineering and Fullstack Web Development Bootcamp:

  Live Site

  I developed a sophisticated full-stack web application crafted with React and Next.js for the frontend, and Prisma for streamlined query handling. This comprehensive platform offers users a seamless experience, featuring robust authentication functionalities for registration, login, and logout. The message board aspect enables users to post, edit, delete, and upvote messages, fostering an interactive community environment. Leveraging folder-based routing on the frontend ensures code organization and maintainability. Moreover, the application supports threaded discussions through a well-implemented commenting system, facilitating engaging conversations around posted messages. The project showcases my proficiency in fullstack development and the utilization of cutting-edge technologies for a dynamic and user-centric web application.

                      

  Skills & Features

  
  - Neon Postgres

• Diary for HackmyHead - Software Engineering and Fullstack Web Development Bootcamp:

  Live Site

  Diary Application Developed an interactive and responsive Diary Application that provides users with a personalized journaling experience. The application allows users to select any day of the month, across any year, to add, edit, or delete diary entries. This project showcases my ability to create user-centric applications with intuitive navigation and responsive design. It also highlights my proficiency in managing and manipulating data structures, such as unordered lists, to enhance user experience.

                

  Skills & Features

  
  

  Key Features:

  • Implemented a user-friendly interface that enables users to easily navigate through the calendar and manage their diary entries
  • Developed a feature that displays all entries of a selected day in an unordered list (UL), providing a comprehensive view of the day’s entries
  • Incorporated functionality to delete any entry within the month, enhancing user control over their diary content
  • Implemented a seamless transition between years. When navigating the calendar, clicking ‘next’ in December loops back to January of the following year, and vice versa

  
  

  Bonus Features:

  • Enhanced the application’s usability by ensuring it remains fully functional and visually consistent when adjusting the screen size, demonstrating effective responsive design principles

• Spammer Application for HackmyHead:

  Live Site

  Spammer is a comprehensive messaging application that provides users with a platform to post, edit, like, and comment on messages. The application is designed with a focus on user interaction and data management.

       

  Skills & Features

  
  

  • **View All Messages**: Users can view a list of all messages, enhancing the accessibility of content.
  • **Post New Messages**: Users can post new messages, fostering user engagement and content creation.
  • **Edit and Delete Messages**: Users have the ability to delete or edit any message, providing them with control over their content.
  • **Like Feature**: A 'like' feature has been added to messages, allowing users to express their appreciation for other users’ content.
  • **Commenting System**: A commenting system has been developed where users can post comments to any message, promoting user interaction.
  • **Comprehensive View**: Each message lists all its associated comments, providing a comprehensive view of the discussion.

  
  - Technical Details
  

  The application is integrated with API routing to manage the flow of data between the server and the client. It utilizes Prisma, an open-source database toolkit, to handle database operations.

  
  - Conclusion
  

  This project showcases my proficiency in developing interactive applications and managing complex data structures. It also highlights my ability to integrate third-party tools for efficient data management and routing.

  
  

• Advice generator app for Frontend Mentor - See my app here: Advice Generator App

  Challenge done with Next JS, no extra add ons such as tailwind. The challenge is to build out this advice generator app using the Advice Slip API and get it looking as close to the design as possible.

  Skills & Features

  
  

  • HTML
  • JavaScript
  • Vanilla CSS
  • React
  • Next js
  • Netlify
  • API

• 100 Days of Python Code using Replit Replit Profile

  During the 100 Days, I learned frontend implementing flask, build games, apps, and websites by mastering Python programming.

  Skills & Features

  
  

  • HTML
  • JavaScript
  • Vanilla CSS
  • Flask
  • Python
  • Replit