Skip to content

mmiller2321/PersonalPortfolio-Public

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

44 Commits
 
 

Repository files navigation

Personal Portfolio

This project was created using Spring Boot and MongoDB to create a personal portfolio project utilizing Java Spring Boot along with MongoDB. Live demo here.

Table of Contents

Introduction

  • After graduating from college with a degree most students have not created a portfolio website that showcases their talents and my way to solve this is to create a dynamic portfolio website demonstrating what I can create on a professional website. Once closer to graduation and I'm applying to jobs I'm going to add this portfolio website along with my LinkedIn, Linktree, and my Github where it asks for my websites to show recruiters that I am capable to be a software engineer on their team. Creating a portfolio website helps to show recruiters and tech professionals my potential as a software developer tell I'm able to get relevant work experience. Demo Video here.

Requirements

Functional Requirements

  • Registration
  • Login
  • Authentication
  • Work Experience
  • Projects
  • Contact & Hire Me forms
  • Blog
  • Tech News

Non Functional Requirements

  • Responsive (Responsiveness across web to mobile)
  • High Availability
  • Security (oAuth Authentication)
  • Cloud Database

New Technologies

  • I decided to continue learning about MongoDB by using it within my project for the database to further my knowledge behind how the NoSQL database is used within projects and to figure out why MongoDB is growing in popularity for newer projects. I also, took a datatabase course for SQL and NoSQL and wanted to use my knowledge from that course along with my Java Spring Boot class to integrate it into one project.

Technologies

  • Java SE - version 15
  • Java Spring Boot Framework - version 2.5.5
  • HTML5 - Version 5
  • CSS3 - Version 3
  • Thymeleaf - version 3.0
  • MongoDB Compass - version 1.30.1
  • Bootstrap - version 5.1
  • Jquery - version 3.6.0

Tools

  • Jira (Project & Issue Tracking)
  • SpringToolSuite4 (Local Development Environment)
  • Heroku (Cloud Deployment)
  • MongoDB (Cloud Database)
  • GitHub (Cloud Project Repository)
  • Uptime Robot (Website Monitoring)
  • Loggly (Cloud Logging)
  • Draw.io (Design diagrams: UML, ER, Wireframes, etc)
  • Bootstrap Studio (Created bootstrap pages to be exported into Thymeleaf layout pages)
  • Justinmind (Website prototyping)
  • MySQL Worbench 8.0 CE (Heroku JawsDB Database local connection)

Cloud Deployment

  • Utilized the Heroku Build Pipeline along with both the Heroku CLI and the built-in Github integration in Heroku for cloud deployment.
  • Used CI/CD with Github and Heroku for automatic build deployments after a git commit was executed.
  • Code was frequently pushed/synced with Github after any changes and after each coding session to keep the cloud repo in Github up to date.

Technical Approach

  • Began the Java Spring project with implementing login and registration on the website so we can focus on the dynamic pages. Once the project has been successfully connected with the MongoDB database I will setup cloud deployment with the Heroku Cloud to get the project cloud deployed. Once the user is logged in successfully redirect the user to a blog page with the ability to comment on my blog post. Worked with the Java API for the contact and hire me form so once data is submitted successfully send me an email. If I had some more time the next page I'd like to add a technology news page that retrieves articles from a tech news website and pastes it onto a timeline page. May use the Google API for grabbing the news articles or some other third party API. Added a chatbot to the website from a third party to ask the viewer if they want any assistance redirecting to a specific webpage. Created project pages that were finalized to be added as projects to my portfolio project.

Final Flowchart

Final Sitemap

Final UML Class Diagram

Final Wireframe Diagrams

Final ER Diagram

Final Logical Diagram

Risks & Challenges

  • Had 5 classes this Spring semester and normally has 4 which made it tough to focus on this project along with my other projects in my other classes.
  • Time management acrossed all classes and balancing the course work to succeed in each.
  • One Challenge I had was fixing the routing issues throughout the project with the use of a sitemap.xml file to add the routes alongside adding them to the appropriate controllers.
  • Throughout Senior Project 1 & 2 I used Jira Software to keep track of issues along with keeping track of my status for each task I assigned to each Milestone.
  • I made sure to frequently push my code with git to Github to create code redundancy in case my local project became corrupted or I needed to backtrack a commit that broke my Cloud deployment.
  • For cloud redundancey I could have deployed my project to Azure as my secondary cloud platform in case issues arise with the Heroku cloud.

Issues

  • Ran into a Registration/Login database connection issue that took awhile to solve tell I decided to switch from a MySQL database to a MondoDB database.
  • Had some problems with integrating the Bootstrap studio design (HTML, CSS, JS) into the Java project through the use of Thymeleaf layouts and modifying them to support the bootstrap design.
  • On April 15, 2022 Heroku had a security breach of Github private repo that allowed hackers to copy private repositories. This security breach made it difficult to deploy the latest version of the project to Heroku.

Contact

Created by Micah Miller - feel free to contact me via the email at mimiller13414@gmail.com for additional information!