caitlinswickard Goto Github PK

10-js-code-snippets

A boiler plate for JS functions used frequently

algopractice

This repo is for practicing algorithms.

animated-navigation

This is a navigation menu that has an animation toggle. When active the menu opens up and the words rotate out to complete the bar. When closed the navigation menu rotates down to an X.

api-weather-dashboard

This project is a Weather Dashboard for a city that the user wants to look up. This page will display the current weather for the city as well as a 5 day weather forecast.

blurry_loading

Blurring effect for background image with a count down to % completed.

caitlin-react-portfolio

This project is a personal portfolio for myself built with react. This portfolio is a single page application. It is complete with a navigation bar that directs the users between an About, Resume, Contact and Projects page.

chat-app

dad-jokes

This is a joke generator that is using an API call to generate the new jokes when the user clicks on the button.

data_project

drink_water

This project allows you to track how much water you are drinking in a day to reach your goal. Click on each cup as you drink your water, watch the large cup fill up. Once the large cup is full you have reached your goal for the day!

e-commerce-back-end

In this project I built out the back end for an e-commerce site by modifying starter code. Configured a working Express.js API to use Sequelize to interact with a MySQL database.

employee_tracker_program

Employee Tracker is a command-line application that allows users to add, view or update employees in a database.

event-keycodes

Simple project that captures the key event to show what key was pressed, the keyCode and the code for the key.

every-programmer-should-know

A collection of (mostly) technical things every software developer should know about

expanding_cards

This project shows expanding cards. Click on the cards to watch them expand and shrink as you click through them.

faq-collapse

This project is a button toggle collapse. When the button is active you can then see the answer to the FAQ. Then you can click on the button again to collapse the answer.

form-wave-animation

This is a basic form with animation on the form input. When you click into the form the input word will do a quick wave animation.

hidden_search_widget

A simple search widget that expands and hides with simple CSS transitions. Click on the search icon and the search input expands and reveals for a user to type in a search.

homework-wk1

incrementing_counter

This is a social icon counter that animates counting up to the number of followers given for each icon.

issue-tracker

java_tutorial

javascript-algorithms

📝 Algorithms and data structures implemented in JavaScript with explanations and links to further readings

joc-internship-solo-project

login

mern-book-search-engine

The app was built using the MERN stack with a React front end, MongoDB database, and Node.js/Express.js server and API. It allows users to search and save for books once they have signed up with the app.

mini-project-library-search

This is a simple search page using the Library of Congress API.

movie_app

This project is a simple Movie search app. I am using themoviedb.org API to load the homepage with currently popular movies. Then you can search for movie by word or by title in the search function. The rating for each movie will appear in green, orange or red based on rating average. If you hover over a movie the overview will appear.

mvc-tech-blog

This project is a CMS-style blog site similar to a Wordpress site, where developers can publish their blog posts and comment on other developers’ posts as well.

nextjs-tutorial