Pedro-Murilo / natours

Application developed to tour in beautiful places! 🍃

🍀 Natours

Application developed to tour in beautiful places!

✨ Final Project

Netlify: https://natours-pedro.netlify.app/

---

📱 About

This project was built using several advanced CSS concepts, and with this project I have learned a lot of new properties and tools, for example, properties like clip-path to build this complex design, cubic-bezier to create advanced animations, BEM and 7 - 1 patterns to create a better architecture in projects, and not less important, I learned SASS to pre-process CSS!

---

🛠 This project was built with:

• BEM Pattern
• 7 - 1 Pattern
• SASS
• Cubic-Bezier

---

📲 How to run:

• First step: clone this repository
• Second step: in your terminal run npm install and wait to install all dependencies
• Third step: run in your terminal npm install -g live-server to install live-server globally
• Fourth step: run npm run compile:sass
• Fifth step: run live-server in natours folder, and wait the server open in localhost:3000

---

🌱 Contributing

Step 1: fork this repository

Step 2: Add a new branch with your new feature: git checkout -b my-feature

Step 3: Commit your new features: git commit -m "feat: my new feature"

Step 4: Push to your branch: git push origin your-branch

Final: After merge your pull request, you can delete your branch

---

📄 License

This project is under MIT license. See the LICENSE file for more details.

---

🟣 Credits

A big thanks to Jonas Schmedtmann for sharing this amazing content. And you can find it in this course!