Website Replica

The objective of this project is to replicate a website with the purpose of applying basic concepts of the use of React, ESlint, Babel, Webpack and CSS/SASS, replicating the elements, animations and styles of the original website.

Author:

• Jennifer Sandoval @JennsiS

Website Reference

Moontopia

Moontopia original website 🔗

How to use? ➡️

Visit the next link: moontopia replica 🔗

⚠️(this link will be active for a limited time)⚠️

OR

1. Download bundle folder
2. Open index.html file in a web browser

Tools 🔧

• Sass (v^1.50.1)
• AOS animation
• Webpack (v^5.72.0)
• Babel
• Eslint (v^8.13.0)
• Node.js (v16.14.2)
• Nginx
• Prettier (v^2.6.2)

For more information about dependencies look at package.json

Disclaimer ‼️

This project was made for educational purposes.

References

• Original Website
• Float Animation
• Zoom Animation
• Webpack
• ESlint
• Sass
• Babel
• React