My Portfolio
GitHub Repository
jeffkarr/weather-app
Technologies used:
-
Vue.js (version 3.5)
-
Vue Router
-
Pinia
-
PrimeVue
-
PrimeIcons
-
Vite.js
-
Day.js
-
simplemaps.com us-cities data
-
vectorportal.com weatherset Icons
-
OpenWeather (Weather APIs)
-
Maptiler (Maps & Weather Modules)
Weather Today
This responsive front end web application offers concise weather information at a glance for a selected city. Users also have the ability to save a city for more frequent use. This website integrates data from several APIs and uses the Vue.js (version 3 Composition API) framework. The app uses Pinia for state management in order to share weather data with the screen elements and the map. Vue-Router was used to open a separate map page when the app is viewed from a small mobile device. Extra care was taken to make the application mobile-responsive across many viewport sizes. Day.js was used to parse and manipulate dates. I learned a lot working with Vue.js Composition API, Pinia, Day.js and Vue-Router building this interesting and useful app!
Click image to open app
GitHub Repository
jeffkarr/to be determined
Technologies used:
- HTML5
- Javascript
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris semper aliquam magna ut sagittis. Fusce aliquet magna sit amet lorem vestibulum fermentum at quis mi. Nulla nec pretium lacus, in finibus felis. Sed ultrices sem metus, non tempus urna faucibus vitae. Cras semper sollicitudin nulla tempus tempus. Etiam consectetur viverra odio sed fermentum. Nullam commodo orci dapibus nunc tincidunt rutrum. Praesent id magna vel quam maximus congue id a dui. Nunc ut laoreet sem, eu sodales nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum eu neque a sapien aliquet porttitor. Cras ac arcu pharetra, scelerisque nibh at, iaculis mi. Phasellus varius aliquet porta. Quisque sed mauris ut arcu aliquet pretium ac in leo.
GitHub Repository
jeffkarr/ecom-coffee-v2
Technologies used:
-
React.js (version 18)
-
React Hooks
-
Redux-toolkit.js
-
ReactStrap.js
-
Vite.js
-
Node.js (version 20)
-
Express.js
-
PostgreSQL
-
Docker
-
Ubuntu (version 20)
eCommerce Coffee
This responsive full stack web application simulates a "coffee and tea" website. The website was built using the popular React.js framework. The app also uses the Redux-toolkit library to store shopping cart data that is sent from all of the product pages. The backend of the application uses an Express.js server and a PostgreSQL database. The app can also run on Docker containers. The app is currently hosted on a Ubuntu Linux virtual server.
GitHub Repository
https://github.com/jeffkarr/news-reader
Technologies used:
- Vue.js
- Express.js
- Javascript
- Netlify Cloud Functions
This single page application presents news articles from various
sources. It also offers different news categories.
My focus here was to work on smooth presentation and use a color pallette. I learned
a lot about using Netlify as a website host.
The cloud Function used in this app runs an express server.
GitHub Repository
jeffkarr/Bamazon-CLI
Technologies used:
-
Node.js
-
Inquirer.js
-
MySQL
-
Easy-table.js
-
Javascript
-
Command Line design
Bamazon CLI
This server-side command line interface uses Node.js to execute Javascript code on the server. The app uses Inquirer.js to interact with a user thru their computer's "command line" interface. The data is stored in a mySQL database. SQL is used to query two database tables. Easy-table.js is used to present the queried data.
GitHub Repository
jeffkarr/pet-care-project
Technologies used:
-
React.js
-
Node.js
-
Express.js
-
MySQL
-
Sequelize.js
-
Passport.js
-
Firebase
-
Bootstrap 4
-
Javascript