Skip to content

Pedro-Murilo/devfinance

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

dev💲finance

Discover Event


Made with ReactJS Repo Size Last Commit License Developed by Pedro


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