--- title: "Alex Anie (@alex-anie) | Hashnode" description: "Front End Developer. Read the latest articles by Alex Anie on Hashnode." url: "https://hashnode.com/@alex-anie" --- @alex-anie # Alex Anie @alex-anie · Lagos, Nigeria · Joined September 2021 Front End Developer ### [Breaking Apps Hackathon: AI-Powered Tests for Vercel Commerce Passmark, Playwrite.](https://ocxigin.hashnode.dev/breaking-apps-hackathon-ai-powered-tests-for-vercel-commerce-passmark-playwrite?utm_source=hashnode&utm_medium=feed) I Tested Six Vercel Commerce Apps Using AI-Powered Playwright Tests and Here Is What I Found 14 min read · [ocxigin.hashnode.dev](https://ocxigin.hashnode.dev/breaking-apps-hackathon-ai-powered-tests-for-vercel-commerce-passmark-playwrite?utm_source=hashnode&utm_medium=feed) [May 3](https://hashnode.com/posts/breaking-apps-hackathon-ai-powered-tests-for-vercel-commerce-passmark-playwrite/69f7b59176c1469ba4f03184) ### [( #ModusHack) Build an AI Chatbot with Dgraph Cloud, Gemini API, React, and GraphQL](https://ocxigin.hashnode.dev/modushack-build-an-ai-chatbot-with-dgraph-cloud-gemini-api-react-and-graphql?utm_source=hashnode&utm_medium=feed) In this guide, we will explore how to build an efficient and scalable AI chatbot by integrating cutting-edge technologies like Dgraph Cloud, Google's Gemini 27 min read · [ocxigin.hashnode.dev](https://ocxigin.hashnode.dev/modushack-build-an-ai-chatbot-with-dgraph-cloud-gemini-api-react-and-graphql?utm_source=hashnode&utm_medium=feed) [2](https://hashnode.com/posts/modushack-build-an-ai-chatbot-with-dgraph-cloud-gemini-api-react-and-graphql/6741ff3bc846138f3ba020ce) [Nov 23, 2024](https://hashnode.com/posts/modushack-build-an-ai-chatbot-with-dgraph-cloud-gemini-api-react-and-graphql/6741ff3bc846138f3ba020ce) ### [How to Set up Swiper Element in a React Application](https://freecodecamp.org/news/how-to-set-up-swiper-element-in-a-react-application?utm_source=hashnode&utm_medium=feed) Carousels or image sliders are an integral part of many web applications. They help you group multiple elements in a single view. Using carousels, you can implement image slides, video slides, text slides, interactive image galleries, product catalo... 13 min read · [freecodecamp.org](https://freecodecamp.org/news/how-to-set-up-swiper-element-in-a-react-application?utm_source=hashnode&utm_medium=feed) [Feb 19, 2024](https://hashnode.com/posts/how-to-set-up-swiper-element-in-a-react-application/66c5f68e1bceda0ea5c3977e) ### [How to Implement Dynamic Segments with useParams in React Router](https://freecodecamp.org/news/use-dynamic-segments-in-react-router?utm_source=hashnode&utm_medium=feed) On a traditional website, when a user clicks on a URL, the browser makes a full-page request from the server and directs the user to a new page. This is referred to as static routing. This is very useful if you just need to navigate the user to a new... 18 min read · [freecodecamp.org](https://freecodecamp.org/news/use-dynamic-segments-in-react-router?utm_source=hashnode&utm_medium=feed) [Jan 31, 2024](https://hashnode.com/posts/use-dynamic-segments-in-react-router/66c5f6921bceda0ea5c39781) ### [Web scraping with Cheerio, Axios, and Express](https://ocxigin.hashnode.dev/web-scraping-with-cheerio-axios-and-express?utm_source=hashnode&utm_medium=feed) A simple guide to web scraping with Cheerio, Axios, and Express. 8 min read · [ocxigin.hashnode.dev](https://ocxigin.hashnode.dev/web-scraping-with-cheerio-axios-and-express?utm_source=hashnode&utm_medium=feed) [Nov 10, 2023](https://hashnode.com/posts/web-scraping-with-cheerio-axios-and-express/654e53a3c94fea118abb41bb)