Transactions app

Basic budget-tracker web app built with React.js and Styled Components.

---

🚀 Getting Started

Prerequisites

• To run any ReactJS application you need to configure the environment on your machine.

• Setting the environment is a simple process, so it's recommended to follow the Rocketseat guide which is currently the most complete and detailed to make the settings:

Rocketseat Guide

Clone

Clone this repo to your local machine using:

git clone https://github.com/daniel-koti/transactions-app

Setup 👨🏽‍💻

Install project dependencies;

yarn install
// or
npm install

Run server file

yarn dev:server
// or
npm run dev:server

Run project

yarn dev
// or
npm run dev

• Be Happy! 😆

---

⚔ Challenges

• Create Documentation
  • GIF
  • Example Video
  • Awesome Readme
  • Techs used
  • Project Setup
  • Features
  • Pages Prints
• Improve Styles
  • Styled components styling
  • Few adjustments to make the style equal to the layout

---

📋 Features

Build with

• ReactJS - A JavaScript library for building user interfaces
• Typescript - TypeScript is an open-source language which builds on JavaScript, one of the world’s most used tools, by adding static type definitions.
• PhosphorIcons - Phosphor is a flexible icon family for interfaces, diagrams, presentations
• zod - Typescript schema validation with static type inference
• react-hook-form - Performant, flexible and extensible forms with easy-to-use validation.

---

📌 Support

Reach out to me at one of the following places!

• Linkedin at Daniel Moniz
• Instagram daniel-koti

---

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

---

Made by Daniel Moniz with 💙 Enjoy it!