Skip to content

cineonizer/memory-card

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Memory Card

This is the Memory Card project from the curriculum of The Odin Project's Full Stack JavaScript Path.

What is The Odin Project?

The Odin Project is a free open-source coding curriculum that helps students learn the necessary skills to become full stack developers from scratch. The curriculum is self-paced and makes use of online resources, such as tutorials, blogs, videos, and official documentation. Students learn from lessons and modules and build portfolio-worthy projects to master their skills in web development.

Live Preview

Click here for a live preview of my project.

Goal

Develop an application in React framework, in lieu of plain JavaScript, that will display multiple images of Pixar characters that will be shuffled every-time each one is clicked.

Built With

  • HTML
  • CSS
  • React.js

Learning Outcomes

  • More familiarization with React framework and React components.
  • Learned to use lifecycle methods to implement more dynamic functionality.
  • Learned to use functional components with hooks.
  • Implemented specifically the useState and useEffect hooks.
  • Applied conditional rendering to render specific components based on the current state.

About

A web game that puts your memory of Pixar characters to the test.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published