Thanks for visiting my portfolio! Below you'll find a list of details on how this portfolio was built, as well as how each of the projects inside were made. Over the course of approximately 6 months, I quickly learned to go from building very simple sites like the quiz app, to full-stack websites using a modern front-end framework. I learned before and after a full time job each day.
This site was built using HTML5, CSS3, and just a touch of vanilla Javascript.
Here are some quick facts about this site:
- Fully-responsive (e.g. mobile and desktop friendly)
- Minified files for quick load times
- Modern CSS tooling including:
- Flexbox
- CSS Grid
- CSS Animations on buttons and header text
- Google Analytics included
- Optimized using Lighthouse, a part of Google Dev Tools
- Improved SEO
- Fixed accessibility issues
- Increased page load speed - 98/100 on Google PageSpeed Insights
Destino - Simple Planning App (Live Site)
Destino - Simple Planning helps users keep track of their plans while traveling
The Destino app was proudly built using the MERN stack:
- MongoDB
- Express
- React
- Node
I also utilized:
- Redux for state management
- Travis CI for continuous integration and testing
- Heroku to host the site
- Enzyme for testing
- Git for version control
- Postman for efficient API testing
- mLab to host the database online
- An agile development process focused on continual deployment and iteration
- Held daily scrum meetings with my wife to keep the project on track
- Used the pomodoro technique to help with time management
- Used Trello to manage tasks
Future steps:
- Allow sharing of trips between users
- Add Wikipedia api to learn about different countries
- Add Unsplash/Instagram api to add awesome photos of different locations
- Add country flags to trips
Interview Prep helps users practice common interview questions.
The Interview Prep app was proudly built using:
- MongoDB
- Express
- Node
- jQuery
I also utilized:
- Travis CI for continuous integration and testing
- Heroku to host the site
- Mocha and Chai for testing
- Git for version control
- Postman for efficient API testing
- mLab to host the database online
- An agile development process focused on continual deployment and iteration
- Held weekly meetings with a mentor (senior developer) to keep the project focused and on track
Civic Researcher helps users learn about politicians in their local area.
The Civic Researcher app was proudly built using:
- jQuery
- HTML
- CSS
- AJAX
I also utilized:
- Git for version control
- Postman for efficient API testing
- Google Civic api
- YouTube api
- Wikipedia api
SpaceX Quiz is a 10 question quiz on SpaceX trivia
The SpaceX Quiz app was proudly built using:
- jQuery
- HTML
- CSS