Projects

Hands holding Books picture

Library Book Reservation

The purpose of the SPCT library online borrowing android app is to provide the students to borrow books from their homes. The application provides a feature that can manage student’s information, book details and borrowing transactions without going to school.

  • Nextjs
  • Typescript
  • Headlessui/react
  • Tailwind CSS
  • Graphql
  • Apollo Graphql
  • Redux
  • Formik
  • Express
  • Typeorm
  • PostgreSQL
  • React Native Expo
  • Barcode Scanner
Hands holding Books picture

Asset Management

Property Custodians once handled their possessions by hand. The property custodian will be able to gather and evaluate data on their assets with the use of asset management software. The primary complaint of some staffs in the property custodian with this manual system is the tiresome task of searching records. The fast changed of technology ascribe a lot to the development of the Asset Management System. The Asset Management System may help the school.

  • React
  • Typescript
  • Styled Components
  • Chart.js
  • React Router
  • Express
  • Mongodb
Hands holding Books picture

Android Classroom Teacher Attendance

The main purpose of this research is to develop a mobile app which utilizes the QR Code to record and to monitor the attendance of the teachers.

  • Reactjs
  • Typescript
  • Googleapis
  • Tailwind CSS
  • Axios
  • Redux
  • Formik
  • Express
  • Google Spreadsheet
  • React Native Expo
  • Barcode Scanner
Hands holding Books picture

Barangay Certificate Request

The Online Barangay Request Certificate System, are really helpful in the barangaycommunity to access and requesting for a particular certificate through online.

  • Reactjs
  • Bootstrap
  • Material UI
  • Styled Components
  • Redux
  • Formik
  • React Query
  • Express
  • Jsonwebtoken
  • Multer
  • Mysql
Mongodb Express Reactjs Nodejs image logos

Crud MERN Stack, Nextjs

A simple Create, Read, Delete, Update website created with MongoDB Express Nextjs Node

  • Nextjs
  • Typescript
  • Tailwind CSS
  • Axios
  • React Query
  • Node JS
  • Express
  • Mongodb
Url Shortener image

Url Shortener

URL Shortener is a tool that reduces the length of your URL while ensuring navigation to the desired page.

  • Reactjs
  • Typescript
  • Tailwind CSS
  • Axios
  • SHRTCODE API
Pricing Component image

Pricing Components

Different design for creating pricing components.

  • Reactjs
  • Typescript
  • Tailwind CSS

Frontend Mentors Projects

Cone

Sunnyside agency landing page

Link
Cone

Testimonials grid section

Link
Cone

Social proof section

Link
Cone

Order summary component

Link
Cone

Interactive rating component

Link
Cone

Blog Responsive Design

Link