8000 GitHub - cpmn/Eyes-Movement: MIT xPRO: Week 9 - HTML, CSS project: Eyes Moves following the mouse movements
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

cpmn/Eyes-Movement

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Eyes Movement

The Simpson's Eyes Movement Show

Description   |   Features   |   Technologies   |   Requirements   |   Starting   |   License   |   Author


🎯 Description

This project was made during week 8 of MIT xPRO bootcamp, the original asignment was two eyes that follow the mouse pointer as much as you move it. Based on the initial project I have created my own version using The Simpson theme, you will move the eyes in Homero, March, Lisa and Bart.

🎯 DEMO

This website is responsive so you can try from you desktop, laptop, mobile or your table. Enjoy the live DEMO

✨ Roadmap

These are the list of currect improvements:

✔️ Feature 1: As a Simpson Fan I would like to have links or buttons to change diferent images representing Simpson's characteres.
✔️ Feature 2: As a Simpson Fan I would like to apply the eyes movement to Homero, March, Bart and Lisa faces
✔️ Feature 3: As a Simpson Fan I would like to see the picture frame with the face of each character
✔️ Feature 4: As a user I would like to see the title of the page in a fancy sympson format
✔️ Feature 5: As a user I would like to see the contacts and the copy right
✔️ Feature 6: As a user I would like to see the webpage using my mobile;

For future enhancemnts:

  • Feature 7: As a Simpson Fan I would like to move the mouse following the mouse pointer.
  • Feature 8: As a Simpson Fan I would like to add more charactres: Barny, Moe, Krusty, Nelson, Burns, etc.

🚀 Technologies

The following tools were used in this project:

✅ Requirements and How to Run

Before starting 🏁, you need to have Git installed.

🏁 Starting

# Clone this project
$ git clone https://github.com/cpmn/eyes-movement

# Access
$ cd eyes-movement

# Run index.html in a browser
- [Index.html](index.html)

Once the webpage is loaded you will see four links bellow the title, you can click in any of those links and start changing the faces in the portrait and eyes will fit in each image.

📝 License

This project is under license from MIT. For more details, see the LICENSE file.

Made with ❤️ by Claudia Muñoz

 

Back to top

About

MIT xPRO: Week 9 - HTML, CSS project: Eyes Moves following the mouse movements

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published
0