Annie.dev

Portfolio

My Projects

From web applications to mobile apps, I enjoy crafting solutions that deliver genuine value to users.

WTMSI System

WTMSI System

The official website for WT Migremo Systems, Inc. (WTMSI), a software development company with 15+ years of experience specializing in web development, full-stack engineering, mobile applications, and artificial intelligence.

NextJsTypeScriptVercelShadcnUITailwind+3 more
BuildTrack-LGU System

BuildTrack-LGU System

A comprehensive governance platform for managing the complete lifecycle of Local Government Unit (LGU) projects—from planning and budgeting to procurement, implementation, and public transparency.

NextJsTypeScriptVercelShadcnUITailwind+5 more
BuoySense

BuoySense

A real-time IoT flood monitoring system dashboard built with Next.js 16, featuring interactive 3D buoy visualization, live sensor data tracking, and comprehensive analytics.

NextJsTypeScriptVercelShadcnUIGemini API+7 more
AI Code Assistant

AI Code Assistant

This is a code assistant that uses AI to generate code. It uses the Gemini API to generate code. It has a feature of reviewing the given code on the code terminal and helps the user to understand the code better. It also has a feature of debugging the code and provides solutions to the errors.

NextJsTypeScriptVercelShadcnUIGemini API+2 more
CREDiT

CREDiT

A blockchain based project. It is a platform where users can create their own credentials and verify them. This also capable of creating certificates. The credentials serves as an NFT with its uniques token ID so that employers can verify the credentials.

NextJsTypeScriptVercelBlockchainICP+3 more
Anonymous VoiceMail

Anonymous VoiceMail

A beautiful, dark-themed web application that allows people to send and receive anonymous voice messages. Built with Next.js, featuring an elegant 3D particle animation background and a modern UI inspired by WhatsApp's audio player design.

NextJsTypeScriptVercelShadcnUITailwind+3 more
Watatrip Admin Dashboard

Watatrip Admin Dashboard

This is the Admin dashboard of Watatrip Application where admin user can manage the application and Business owners can manage their business on the platform.

NextJsTypeScriptVercelShadcnUIZustand+2 more
Watatrip Mobile App

Watatrip Mobile App

This is a mobile app that offers a feature for accommodation and transportation for tourists. I was responsible for building the app from scratch using Flutter, Flutter MUI, Cupertino, MapBox, Geolocator, ShadcnUI, PostgreSQL, AWS, and Docker.

FlutterFlutter MUICupertinoMapBoxGeolocator+4 more
Dashboard Template UI

Dashboard Template UI

This website is a dashboard template that can be used as a starting point for any dashboard project. It has all the necessary features and components to help you build a modern and user-friendly dashboard. I made this for a fast development process.

ReactJsJavaScriptMaterialUIThreeJsChromaJs+2 more
OrbitalX

OrbitalX

This is a freelance project that I worked on for OrbitalX. I was responsible for building the website from scratch using Webflow, JavaScript, CMS, SplineJs, Finsweet, and Formik.

WebflowJavaScriptCMSSplineJsFinsweet+1 more
Camber Morris

Camber Morris

This is a freelance project that I worked on for Camber Morrris. I developed this for a US Client for his Search Firm. This is just the sample landing page and not the official website.

WebflowJavaScriptCMSFinsweetFormik
Ship in a Flash

Ship in a Flash

This website is inspired by the Secureship.ca website. It's a headless CMS built using NextJS, TypeScript, ShadcnUI, and TailwindCSS. The website provides information about shipping services, including pricing, shipping options, and customer reviews.

NextJsTypeScriptShadcnUITailwindCSSWordpress+1 more
Strynx

Strynx

A portfolio website meticulously recreated from a Framer design using custom code. This serves as our team's showcase platform for presenting work to potential freelance clients and represents our professional identity as an emerging startup company.

FramerTailwindCSSMotionUICMS
Premium Agency

Premium Agency

A professional landing page converted from Framer design to React components. Features highly customizable architecture, reusable design patterns, and modern responsive layouts adaptable for various business requirements.

FramerReactJsTailwindCSSMotionUICMS+1 more
ICT Events

ICT Events

This is a simple landing page for the ICT Events. It shows the upcoming events and the past events.

NextJsTypeScriptShadcnUITailwindCSSJSON
TerraMartz

TerraMartz

This e-commerce website is a project to provide an online shop exclusively for Vegetables/Crops. This website offers crop products for Canadian people. This is a platform website like shoppe in which users are able to create their own shop.

TypeScriptNextJsSupabaseVercelTailwind+2 more
Minimalist Kanban Board

Minimalist Kanban Board

A modern, minimalist Kanban board built with TypeScript, React hooks, and Material UI. Features a beautiful glassmorphism design with smooth animations and comprehensive task management capabilities.

ReactJsTypeScriptMaterial UIVite
Daedalus

Daedalus

Daedalus is a solution agency website where users can commission the building of professional, high-quality websites. It leverages modern technologies to deliver responsive and user-friendly designs, ensuring optimal performance across all devices.

SvelteTypeScriptJavaScript
Elegant Tiny Homes

Elegant Tiny Homes

This website was developed to promote tiny homes and home designs. It was a freelance project using WordPress. The website showcases various designs and features of tiny homes, providing inspiration and information to visitors.

WordPressPHP
Buddy Moving

Buddy Moving

This is a custom theme in WordPress. Its UI is made out of DaisyUI and TailwindCSS. It uses pods as a CMS and ContactForm7 for the forms. This page is just a replication of the Buddy Moving website.

WordpressJavaScriptCMSFormik
US Survival Store - Ecommerce

US Survival Store - Ecommerce

This e-commerce website was made for a freelance project. It sells survival items and is built using WordPress. The website offers a wide range of survival products to customers, ensuring they are prepared for any situation.

WordpressPHP
Notus React Dashboard Template

Notus React Dashboard Template

This is a dashboard template that I built using ReactJS, TailwindCSS, and ChartJs. It has all the necessary components and features to help you build a modern and user-friendly dashboard. It also include other components for E-commerce, Blog, etc.

ReactJsTailwindCSSChartJs
Mathayog

Mathayog

This website is a project to provide an online learning system to students. It uses illustrations and graphics to help students learn efficiently in mathematics.

LaravelJavascriptPythonCSSAWS
Blockchain

Blockchain

This project aims to provide an understanding of the potential of blockchain and NFTs, showcasing the myriad of opportunities they present for innovation, decentralization, and democratization across sectors. By exploring real-world examples and emerging trends, this project seeks to inspire and educate readers.

HTMLCSSBootstrapJavaScript
EliteSite

EliteSite

This project is a BPO website. in which users may see the services that the company offers. this is made using react which made the website more appealing. Also, this website is still under development.

ReactJavascriptHTMLCSS
Task & Thoughts

Task & Thoughts

Thoughts and Tasks is a web application that allows users to jot down their daily thoughts and tasks in a user-friendly interface. The app is built using React.js and Bootstrap, providing a modern and responsive design.

MDBReactJSJavascript
Weather App

Weather App

This app fetches the current weather using the weatherapi API. Users can enter a location and get the current weather conditions, including temperature, humidity, wind speed, and more. The app provides a user-friendly interface to view the weather information and updates it in real-time.

ReactJavascriptRender

Want to see even more? Check out my GitHub for the full archive.