Skip to content

πŸŽ‰ React JS learning project that renders some funny mogwais that you can play with - or turn into gremlins! Coded using React functional components with state hooks. 🚧 IN PROGRESS

Notifications You must be signed in to change notification settings

melanierosson/mogwais-practice-reactjs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

8 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Screenshot of app

Introduction

I made this project just to practice learning React JS. It allows you to create, interact with, and customize mogwai.

View my current progess HERE

Developer TODO's as of 1/28/2021:

  1. Create main array data of mogwai available throughout all app components with either Redux or Context API + hooks
  2. Componentize main Mogwai.js file data into other JS files
  3. Have data from components correctly feed into and manipulate (or copy and manipulate) main mogwai mapped array data
  4. Styles: Ensure the enabled/disabled buttons are distinct from one another on the selected mogwai top button panel
  5. Only allow one mogwai selection at a time by: OnClick --> checking for select=true on all mogwai and changing them to select=false before toggling the currently clicked mogwai to select=true
  6. Enable water feature to add additional mogwai to main array map
  7. Enable sunlight feature to delete mogwai or hide mogwai from main array map
  8. Remove bottom dev print test strings from user view
  9. (Optional) Make responsive?

About

πŸŽ‰ React JS learning project that renders some funny mogwais that you can play with - or turn into gremlins! Coded using React functional components with state hooks. 🚧 IN PROGRESS

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published