/devfinance

An application made to manage your finance! 💲

Primary LanguageJavaScriptMIT LicenseMIT

dev💲finance

Discover Event

Made with ReactJS Repo Size Last Commit License Developed by Pedro

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

✨ Final Project

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

Devfinance gif

📋 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

React Yarn Lottie Files Styled Components Framer Motion React Spring

📲 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 💜