Unlocking Effortless Re-Admission
Explore the timeline docs »
View Manual Form
.
View Figma Designs
.
Report Bug
.
Request Feature
PUP AFRA is your pathway to academic renewal, where AFRA stands for "Application for Re-Admission." As an integral part of PUPWebSite, the official portal of the Polytechnic University of the Philippines, we're dedicated to providing a streamlined and supportive process for students seeking a second chance at their educational journey.
Take a look at some screenshots showcasing the website's design and functionality.
Homepage |
Login Page |
Applicant Info Page |
Personal Background Page |
Academic Background |
Upload Documents |
Thank You Page |
About Page |
Thank You Page |
|
The following tools and technologies were involved in the making of this project:
- Figma - Collaborative design tool for creating UI/UX, prototypes, and interactive designs.
- Canva - Graphic design platform with a user-friendly interface for creating visual content.
- Icon8 - It is a platform providing a vast collection of icons for use in design projects. It simplifies the process of finding and incorporating icons into various design elements.
- HTML (HyperText Markup Language) - Standard markup language for structuring web pages.
- CSS (Cascading Style Sheets) - Styling language for controlling the presentation of HTML documents on the web.
- JavaScript - High-level programming language for creating interactive effects within web browsers.
- Google Sheets API - Google Sheets API is a powerful tool for reading and writing data to and from Google Sheets.
- App Script - Google Apps Script is a cloud-based scripting language that provides easy ways to automate tasks across Google products and third-party services and build web applications.
- Visual Studio Code - Lightweight code editor for writing, editing, and debugging code, widely used in web development.
Here are some of the challenges we faced while developing the website:
- Time Constraints
- Learning Curve
- Difficulty in keeping track of the values from the user because there are many pages.
- Integration of Google Sheets API to the website
-
Select a manual form from PUP Website. -
Convert the form into HTML. -
Design the website in Figma -
Convert the design into HTML, CSS, JS -
Integrate Google Sheets API for the Database - Integrate Philippine Address Locator for the Address Fields se
- Make the website responsive
- Automated Email Confirmation
Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.
- If you have suggestions for adding or removing projects, feel free to open an issue to discuss it, or directly create a pull request after you edit the README.md file with necessary changes.
- Please make sure you check your spelling and grammar.
- Create individual PR for each suggestion.
- Please also read through the Code Of Conduct before posting your first idea as well.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Clone and checkout that branch locally.
- Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Distributed under the MIT License. See LICENSE for more information.
- Alexander Porlares - @Rednaxela5 - Dev/Front End
- Jaira Mijares - @ariajm - Dev/Front End








