Client

BSCoE 2-4 - The selected client base for our website, Port4lio, primarily consists of Bachelor of Science in Computer Engineering (BSCpE) students in their second to fourth years of study (BSCpE 2-4). Port4lio is meticulously crafted to cater specifically to the unique needs and aspirations of these students, providing a tailored platform for showcasing their academic accomplishments, projects, and experiences as they progress through their computer engineering education and professional development journey.

Project Description

It is a dedicated website designed to meet the specific needs of Computer Engineering (CpE) students in their 2nd year OJT - especifically for section 2-4. Tailored to cater to the requirements of portfolio development for their on-the-job training (OJT) endeavors, this platform aims to provide a comprehensive and user-friendly space for CpE students to showcase their academic achievements, projects, and practical experiences. The website will feature customizable templates and tools that allow students to create professional portfolios, highlighting their skills, accomplishments, and contributions during their OJT. Additionally, the platform will offer guidance on structuring OJT documents, incorporating industry best practices, and preparing for professional milestones. With a focus on ease of use and relevance to CpE students' career goals, the CpE Student Port4lio strives to empower individuals in their academic and professional journey by providing a centralized resource for portfolio development and OJT documentation.

Task Completed

• Front-end prototypes for the following pages of Port4lio Website:
  1. Front-end design for all pages:
     • Landing Page
     • Home
     • Login
     • Signup
     • Student Profile and Student Portfolio
     • Assessment
     • Company Profile
     • Weekly Reports
  2. Iplementation of Back-end to the front-end.
  3. Responsiveness for Landing Page (only) Note: BlackSheep ought to improve and release the version of the website that is applicable to all devices for the users to enjoy.
• Back-end Task completed:
  1. Backend for all pages Guest, Logged In, and Admin:
     • Signup
     • Login
     • Landing
     • Home
     • Student Portfolion & Student Profile
     • Weekly Reports
     • Companies
     • Assessment
  2. Firebase database integration.
  3. Firebase Storage integration for files upload and download.
  4. User authentication and forgot password functionality.

Installation

1. Clone the project repository from GitHub:

   git clone https://github.com/b14cksh33p/Port4lio_Website/tree/database
   

2. Navigate to the project folder:

   cd Port4lio_Website
   

3. Install project dependencies:

   npm install
   

4. Start the development server:

   npm start
   

5. Access the website:

   landing - http://localhost:3000/port4lio-website
   

Note: Please create an account to access the contents and pages within the website. For Ms. Khan contact us for Admin account.

Access deployed website

Follow this link:

https://blacksheep-group.github.io/port4lio-website/#/

Technologies Used

• HTML
• CSS
• JavaScript
• React JS
• Firebase
• Github

Contributors

• Erosa, Marvin James A.
• Gordora, Xyra Shenne A.
• Palmes, Roderick B.
• Santos, Louisa Reighn A.
• Zabala, Emmanuel Adrianne A.