Reniel Avellano

Experience

Projects

1. 

   Property Listing App

   A simple property listing platform built as part of a technical exam. Normal users can browse, search, and filter properties, while admins manage listings through CRUD operations. Designed mobile-first, the app emphasizes scalable architecture and security through row-level policies with JWT role claims.

   • NextJS
   • Tailwind
   • Typescript
   • Shadcn
   • Vercel
   • Supabase
2. 

   Campus Entry Monitor

   A prototype web app designed to track campus entry and room occupancy. It sends real-time WhatsApp/SMS alerts to guardians when students enter or exit the campus. Admins can view live occupancy data and basic analytics. Powered by RFID, the app enhances campus security and helps track movement for potential investigations.

   • NextJS
   • Tailwind
   • Typescript
   • Shadcn
   • Vercel
   • Supabase
   • Twilio
   • RFID
3. 

   Shuffled

   Shuffled is an e-commerce platform for pre-loved clothing, featuring live selling with a unique “mine” button. During live sales, the first user to click “mine” claims the item, which is added to their cart with a checkout timer. If they don’t complete the purchase in time, the item returns to the sale. Shuffled also includes all standard e-commerce features: stores, user profiles, search, categories, cart, payment, shipping, and a live comment section for real-time interaction.

   • MongoDB
   • Express
   • React
   • NodeJS
4. 

   frntlne

   The latest version of Frntlne, I work as a full stack developer. We transformed it into a cross-platform app using React Native and Expo, and it’s now available for download on both the App Store and Google Play Store.

   • NextJS
   • React Native
   • Expo
   • Hasura
   • GraphQL
   • AWS
   • Native Base
   • TypeScript
5. 

   Buildustry

   Buildustry connects clients, contractors, and skilled laborers to manage construction projects. Clients post jobs, build teams, track progress, and message team members directly. Contractors update project statuses and showcase their work, while team members can rate completed projects, fostering trust and transparency.

   • NextJS
   • Tailwind
   • Shadcn
   • Javascript
   • SQLite
   • Primsa
6. 

   Tic Tac Toe

   This is a classic Tic Tac Toe game that allows players to play in a player-vs-player mode. It features a simple and intuitive interface for a seamless gaming experience.

   • NextJs
   • TypeScript
7. 

   Todo List

   A simple React app to add, edit, delete, and display todos. Built to practice clean code and custom hook creation with useTodos for managing todo logic.

   • NextJs
   • TypeScript
8. 

   E-Vill

   e-Vill is a web platform designed for barangays, enabling citizens to request documents, file complaints online and track their status, reducing the need for multiple trips. The admin side allows barangay officials to manage requests, post announcements, and address citizen complaints, complete with image attachments. e-Vill fosters efficient, transparent, and connected barangay services.

   • HTML
   • CSS
   • NodeJs
   • Firebase
9. 

   frntlne V2

   Frntlne is a marketing-tech platform focused on improving customer engagement and sales confidence. As a frontend developer, I contribute by implementing designs, optimizing code for scalability, fixing bugs, and occasionally providing technical support, all within the fast-paced startup environment.

   • Python
   • Flutter
   • AWS
10. PicMe

    PicMe is a social media platform I created during my university days. It’s designed specifically for photographers, serving as a marketplace where people can hire and connect with photographers for their projects. We also extended this feature to models, allowing photographers and others to hire models as well.

    • Flutter
    • Firebase
11. Trashure

    Trashure is a mobile app connecting sellers of junk items with junkyards. Users can list items for sale, set pickup times, and locate nearby junkyards using the integrated map. The key feature is route optimization, allowing junkyard owners to plan the most efficient paths for collecting multiple purchases.

    • Flutter
    • Firebase
    • Google Maps API
12. 

    Portfolio

    A minimalist web portfolio built to experiment with modern web concepts — MDX content rendering, metadata handling, caching strategies, cookies, and theme toggling (dark/light mode). Also explores practical details like image optimization, font loading, and efficient data fetching from inconsistent data sources.

    • NextJs
    • TypeScript
    • MDX
    • Tailwind