📫 How to reach me:
intermediadesignsllc@gmail.com
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.
-
🗂️ 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
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:
- 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
- Real-time data synchronization for collaborative features
- Efficient storage and retrieval of code snippets and review data
- Serverless functions for handling business logic
- Advanced natural language processing for code analysis
- Context-aware suggestions for code improvements
- Multi-language support for diverse development environments
- Advanced natural language processing for code analysis
- Context-aware suggestions for code improvements
- Multi-language support for diverse development environments
- Advanced natural language processing for code analysis
- Context-aware suggestions for code improvements
- Multi-language support for diverse development environments
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
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:
- Server-side rendering for improved performance and SEO
- Dynamic routing for seamless navigation
- API routes for serverless backend functionality
- Realtime Database/Firestore for data storage
- Firebase Authentication for user management
- Cloud Functions for serverless operations
- 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:
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
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:
- Server-side rendering for improved performance and SEO
- Dynamic routing for seamless navigation
- API routes for serverless backend functionality
- Secure user authentication and management
- Seamless integration with Next.js
- Support for multiple authentication methods
- Realtime Database/Firestore for data storage
- Cloud Functions for serverless operations
- Scalable backend infrastructure
- Secure payment processing for subscription tiers
- Webhook integration for handling payment events
- Customer portal for managing subscriptions
- 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:
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
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:
- Server-side rendering for improved performance and SEO
- Dynamic routing for seamless navigation
- API routes for serverless backend functionality
- Natural language processing for analyzing professor reviews
- AI-powered recommendation system
- Context-aware query understanding and response generation
- Vector storage for efficient similarity search
- Real-time data updates and retrieval
- Scalable architecture for handling large datasets
- 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:
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
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:
- Server-side rendering for improved performance and SEO
- Dynamic routing for seamless navigation
- Responsive design using Tailwind CSS
- Realtime Database for storing pantry items and user data
- Firebase Authentication for user management
- Cloud Storage for storing generated item images
- Hugging Face API for generating realistic item images
- Google Gemini API for intelligent recipe suggestions based on pantry contents
- Automated deployment to Vercel upon pushing to the main branch
- Continuous integration checks to ensure code quality and prevent breaking changes
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:
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:
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:
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
- Key Features:
-
Spammer Application for HackmyHead:
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