nicofloriani Goto Github PK

105-coding_resources

105-project

105 Sample Code

105-turn_back_time

about-simple-flexbox

Simple one page website not unlike an About.me profile - to demonstrate centered content with flexbox

breakpoints-backgrounds

Breakpoints for background colors

centered-divs-evenly-spaced

Three divs lined up in a row, evenly spaced, using flexbox

clock-cleanup

A small clock app with React using a setInterval function, with useEffect and cleanup functions to ensure that the interval doesn’t keep running when the Clock component is unmounted

colors-media-queries

Media queries to set different background colors for each column

device-font-colors

Change the font colors on different devices

expense-tracker-min-max

An expense tracker with Math objects to find the smallest and largest values in an array

fetch-random-user

A React hooks UI that fetches and displays the information of random users from an API

field-trip-registration

A field trip registration list where data is fetched from a JSON file with an array of student objects

flexbox-centered-example

An example of a centered box of text over a background img - with breakpoints - using flexbox

flexbox-layout

A simple website layout with Flexbox

foods-to-try-list

A small React app for a user to add and manage food items they want to try

friend-online-status

A friend-online-status page UI using React hooks that fetches from and maps over an API to render another component with props for each result array item

git-practice

github-repo-gallery

A site to pull data from a GitHub portfolio to create a gallery of repos, with dynamic search functionality

guess-the-word-game

A guess-the-word game using a random selection from a .txt file of 800+ words

jubilee-austen

Mockup Portfolio Website (Static)

laundry-service-tabs

Conditional rendering with data to populate three different tabs, each representing a different laundry service

max-char-status

A React status component that will alert the user if they go over the maximum number of characters allowed in the text area

mood-ring

A simple page with a change event to toggle background colors based on user's emotions

motivational-modal

Event handlers for showing and closing a motivational modal

my-first-repo

Test repo

new-foods-strikethrough

A small React app for a new-foods-to-try list that has a strikethrough feature for foods already tried (variation of foods-to-try-list repo)

numbers-for-emojis

A simple page to change the text on the screen to emojis and then clear them

pets-factory-function

A factory function pattern for pet adoption that displays pet objects

portfolio-website

A portfolio website for myself - To expand upon and/or change as I grow as a developer

potluck-guest-list

A potluck guest list where 8 guests are assembled and dishes are assigned to the guests