dev💲finance

---

Final Project | About | Features | Technologies and Tools | How to run | Contributing | License | Credits

---

✨ Final Project

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

---

📋 About

This application was built in the Rocketseat event, and this project consists of you managing your finances. In the event was used Javascript, HTML and CSS, but I wanted to take it to the next level and I used this project to apply my knowledge in ReactJS!

---

💥 Features

New features added by me

Mini Features

• Close button (x) on Modal - (React Icons)
• Click on screen to close Modal - (Hooks)
• Click "space" keyboard to close Modal - (Hooks)
• Mini easter egg

Animations / Styles

• Loading screen animation - (React Lottie)
• Header background animation - (React Lottie)
• Card draggable - (Framer Motion)
• TypeWriter Effect
• SVG Animations - (Framer Motion)
• GithubCorner

Others / SEO

• Favicon
• Description
• Image
• Title

---

🚀 Technologies and Tools

---

📲 How to run

Step 1: clone this repository typing in your terminal git@github.com:Pedro-Murilo/devfinance.git

Step 2: open your terminal and type yarn and wait install all dependencies

Step 3: after install all dependencies, type yarn start and this will open on 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

Made with ❤️ by me and Rocketseat 💜