Skip to content
View IntermediaDesigns's full-sized avatar

Highlights

  • Pro

Block or report IntermediaDesigns

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
IntermediaDesigns/README.md

Connect with me:

imdesignsllc lynjai-jimenez intermedia_designs link tree


📫 How to reach me:
intermediadesignsllc@gmail.com


About Me:

Currently attending college to finish my Bachelors in Business Administration with a minor in Web and Digital Design. I'm a passionate learner who's always interested in expanding my horizons. I'm currently diving deep into the world of programming, learning various languages to broaden my skill set and understanding. I've been spending my time developing projects, which allows me to apply what I've learned in a practical way.



🌟 Goals:

  • 🗂️ Develop a desktop application for contract management

  • 👩🏻‍🏫 Develop a learning website

  • 🖥️ Develop a Micro SaaS

  • 👩🏻‍💻 Develop Wordpress themes & plugins


🚧 Ongoing Projects:

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

  • 🌱 I’m currently learning Python

  • 💬 Ask me about anything


✅ Projects:


  • 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

      Frontend UI


    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.

                Stripe  

    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

      Frontend UI


    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.

    Next.js   OpenAI   Pinecone     

    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

      Frontend UI


    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.

    Next.js   Firebase   Hugging Face   Google Gemini  

    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

    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.


☑️ Challenges

  • 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

💻 Languages and Tools:

HTML5

CSS3

JavaScript

react

bootstrap

tailwind css

styled components

HTMX

Next js

Python

PHP

express js

netlify

mongo db

postgres

prisma

xd

photoshop

illustrator

dreamweaver

inDesign

figma

affinity desgner

canva

lightroom

krita


📊GitHub Stats:







Thank you for visiting my profile!

Support Me ☕:

intermediadesigns



Pinned Loading

  1. ai-customer-support ai-customer-support Public

    JavaScript 1 1

  2. pantry-tracker pantry-tracker Public

    JavaScript 1

  3. DanielL87/capstone-next DanielL87/capstone-next Public

    JavaScript 2

  4. mentor-metrics mentor-metrics Public

    Python 1 2

  5. flashcard-saas flashcard-saas Public

    JavaScript 1

  6. code-sage-ai code-sage-ai Public

    This application provides developers with a powerful tool for improving their code quality through AI-assisted reviews, while also offering a platform for managing and sharing code snippets in a se…

    TypeScript 1