|

To showcase my development projects and skills to potential employers and clients, I designed this portfolio site using a combination of Next.js, React.js, and TypeScript. To make the site visually appealing and engaging, I added animation-featured components with dynamic styling using Tailwind CSS and FramerMotion. The intention was to add a touch of dynamism and charm to the website, making it stand out among other online portfolios. To make the website easy to manage and update, I implemented the headless CMS platform Sanity.io to build out the backend configuration. After migrating to Sanity V3, I was able to leverage the platform's powerful features, including seamless integration with other tools and real-time updates. This allowed me to keep the website in sync with the latest developments in my career, making it relevant and up-to-date.

As a member of the development team, I played an integral role in identifying and fixing system issues by debugging existing code using Visual Studio Code. I also updated backend code and streamlined data tables to simplify the data processing. In addition, I designed and developed the frontend mockups from scratch using Figma, then implemented the designs into fully functional frontend components, adding enhanced functionality to the project. As part of my contribution to the project, I reviewed Pull Requests on GitHub, resolved conflicts, and approved the same. To ensure productivity, I leveraged the Jira Kanban board and led daily stand-up meetings to provide support to other developers and report progress to the project and release manager for approval. Overall, my contributions to this project allowed me to demonstrate my skills in debugging, designing and developing front-end components, collaborating with other developers, and leading teams effectively to ensure productivity and timely delivery of the project.

My deep interest in integrated AI is what drove me to create this AI-powered Weather App, which leverages cutting-edge technologies to deliver a remarkable user experience. Using ChatGPT-3.5-Turbo's advanced natural language processing capabilities, the app can understand queries and provide personalized weather forecasts for any latitude / longitude in the world. To build a cutting-edge AI-powered Weather App, I carefully selected a comprehensive tech stack that includes Next.js 13.3, React, Tremor 2.0, StepZen, and GraphQL. I used Next.js and React to develop a responsive and user-friendly interface. Tremor 2.0 was used to ingest and process the real-time weather data. The app's back-end is powered by StepZen and GraphQL, which seamlessly integrate with the ChatGPT-3.5-Turbo engine to provide highly personalized weather information. Overall, this powerful tech stack enabled me to create a seamless and robust user experience with advanced AI capabilities.These robust frameworks and tools enabled me to create a responsive, user-friendly interface that seamlessly integrates with the ChatGPT-3.5-Turbo engine. The app's interface is both visually appealing and highly functional, allowing users to easily input their location and receive real-time weather updates, along with customized recommendations based on their preferences and location. What sets this app apart is its ability to adapt and improve continuously by analyzing user feedback and queries. This ensures that theChatGPT-3.5-Turbo engine can consistently enhance its performance and accuracy.

As a developer, I worked on a project that involved creating a Redux framework to manage the state of a web application. This helped ensure that the data flowed smoothly throughout the application and was consistent across all components. In addition to the framework, I also designed and developed front-end components using React, JSX, and CSS to display content from The Rick and Morty API. This is a platform based on the popular TV show Rick and Morty, and I aimed to make the user interface interactive and engaging for browsing the content. Throughout the development process, I was focused on delivering a great user experience. I made sure to test the application thoroughly and iron out any issues that arose. Overall, this project allowed me to demonstrate my expertise in creating complex web applications using advanced technologies, while also showcasing my skills in front-end development, state management, and API integration.

Designed and developed a Netflix Clone web application using a combination of React, Redux, Stripe Checkout, Google Firestore, and Google Authentication. This involved creating a replica of the Netflix platform, complete with a user-friendly interface that allowed users to browse and select content. To ensure seamless payment processing, I integrated Stripe Checkout, a secure payment platform that enabled users to subscribe to premium content with ease. Additionally, I incorporated Google Firestore, a cloud-based NoSQL document database, to facilitate efficient and reliable storage and retrieval of user and content data. Furthermore, to guarantee the security and privacy of user data, I implemented Google Authentication, which enabled users to securely log in and access their profiles. Through this project, I was able to showcase my skills in web application development, including proficiency in React and Redux, as well as knowledge in payment processing, cloud-based data storage, and user authentication.

I created a personal blog site as a platform to share my experiences and insights as a Software Engineer. To provide a unique and innovative user experience, I decided to build the platform from scratch using cutting-edge technologies. The site is built with a robust tech stack, including React, Next.js, Sanity V3, Typescript, Tailwind CSS. These tools enabled me to build a responsive and visually appealing interface, while also incorporating features such as code syntax highlighting and content management capabilities. As an engineer, I wanted to ensure that the site was not only visually appealing but also technically sound. Therefore, I utilized TypeScript to ensure type safety and maintainability, and Tailwind CSS for efficient styling. The blog site is also optimized for search engines and speed, making it easy for readers to find and access my content.Upon completion, I deployed the site to Vercel and mapped it to a custom domain. Overall, this project showcases my skills in building robust and innovative web applications using modern technologies. By utilizing a comprehensive tech stack and paying attention to details such as user experience and performance optimization, I was able to create a high-quality platform to share my knowledge and insights with the world.

Using cutting-edge technologies to design and implement this website, I used React.js, TypeScript, and Nextjs with TailwindCSS for stunning styling and animations. For seamless user navigation, I utilized React Router and events were managed with React. To improve user experience, I included features like SWR hooks for efficient data fetching, React Hot Toast notifications, and React-Select. Additionally, I used Firebase and NextAuth.js for secure authentication, allowing users to log in via Google and maintaining their login state. Displaying chat documents on the site was made possible through storing and retrieving them from the OpenAI API via Google Firebase. Finally, I deployed the website on Vercel and mapped it to a custom domain name.

As a developer, I played a crucial role in creating an engaging restaurant website that allowed customers to view and purchase items while also enabling restaurateurs to manage available stock. To achieve this, I utilized React components and CSS3 to add animated transformation features that enhanced the user experience. I also utilized React Router to maintain a smooth user path and handle events via React, which contributed to the seamless navigation and improved user engagement. To enable the website to authenticate login and persist state, I leveraged Firebase to enable users to login via social media and preserve their changes. Throughout the development process, I paid close attention to detail and worked hard to ensure that the website was optimized for usability and functionality. My work on this project allowed me to demonstrate my expertise in React, CSS3, Firebase, and UI/UX design while also showcasing my ability to deliver high-quality, engaging web applications.