Lara Mateo

Latest Projects

AI ChatBot

Want to talk to an AI? πŸ€– This chatbot uses Google's Generative Ai to generate responses based on the user's input. AI ChatBot has an admin view, so be careful what you say, I can see everything you write 😈

Stack

  • Google Generative Ai
  • React
  • Next.js
  • Typescript
  • Shadcn
  • Clerk
  • MongoDB
  • Next-themes
  • Tailwind

AI Need an Idea

Stuck on what to code next? This app provides personalized programming project ideas based on your skill level, preferred languages, and development goals. Whether you’re a beginner or an experienced coder, you'll find projects designed to help you grow and improve your skills. Best of all, it's completely freeβ€”no hidden fees, just focused learning. Start building and learning today!

Stack

  • Google Generative Ai
  • React
  • Next.js
  • Typescript
  • Framer Motion
  • Tailwind
  • Radix ui
  • Zod

Words of Encouragement

Web app that allows the user to create words of encouragement and share them with others πŸ’Œ It's anonymous, there is no need to create an account so you can share your happy thoughts without fear of being judged 😊 You can also use it when you are feeling down πŸ˜“, a word of encouragement will be waiting for you to try to make you feel better β€οΈβ€πŸ©Ή If you visit leave a word of encouragement for others β™₯︎

Stack

  • React
  • Next.js
  • Typescript
  • Framer Motion
  • Css Modules
GitHubCode on GitHub

Basement Supply

Interactive web app that offers a unique and engaging shopping experience πŸ₯³πŸ›οΈ It includes a floating cube, πŸ›’ a grab to shopping cart feature, header and footer animations, marquee animations, button animations, product animations, 🎊 confetti at checkout , πŸ–±οΈ custom cursors and MORE! Also, it's responsive πŸ’»πŸ“± and installable as a progressive web app. The purpose of these features is to create a fun πŸ“ and personalized πŸ” experience for users, making the shopping experience enjoyable and memorable πŸͺ„

Stack

  • React
  • Next.js
  • Typescript
  • Tailwind
  • Framer Motion
  • Canvas Confetti
  • Next SEO
  • Next PWA
GitHubCode on GitHub

NFPaisanos

Fun web app that shows a list of NFTs and allows the user to place a bid πŸ’° for a NFT, filter them by name, price, rarity, and sort them by price, date, likes among other things. All the components are coded from scratch (as most of my work 🫢🏽), including the buttons, inputs and cards. It's responsive πŸ’»πŸ“±, installable as a progressive web app and it has sound effects πŸ”Š.

Stack

  • React
  • Next.js
  • Typescript
  • Framer Motion
  • Css Modules
  • Jest
  • React Testing Library
  • Next PWA
GitHubCode on GitHub

Personal Page

The page you are on right now! 😺 I built it to show my skills with various technologies and to practice my design skills πŸ‘©πŸ½β€πŸ’» I always try to make my projects as unique ✨ as possible and I love to experiment different designs and animations. I coded all the components from zero πŸ’» and it's responsive. You can check how I made it on the link bellow.

Stack

  • React
  • Next.js
  • Typescript
  • NodeMailer
  • Css Modules
  • React-pdf
GitHubCode on GitHub

Sky Animation

Funny sunrise 🌞 and sunset 🌝 animation to practice my skills with CSS vanilla animations.

Stack

  • React
  • Next.js
  • Typescript
  • Css Modules
GitHubCode on GitHub