Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kayke-fujinaka/dt-money
💸 A website made to carry out new transactions
https://github.com/kayke-fujinaka/dt-money
miragejs rocketseat typescript
Last synced: about 1 month ago
JSON representation
💸 A website made to carry out new transactions
- Host: GitHub
- URL: https://github.com/kayke-fujinaka/dt-money
- Owner: Kayke-Fujinaka
- Created: 2022-07-25T21:59:21.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-04-01T17:46:29.000Z (almost 2 years ago)
- Last Synced: 2024-11-10T09:12:35.312Z (3 months ago)
- Topics: miragejs, rocketseat, typescript
- Language: TypeScript
- Homepage: dt-money-seven-rosy.vercel.app
- Size: 379 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
💸 DT Money
> 🔎 DT Money website made in Rocketseat course
## :page_facing_up: Explanation
The site is called DT Money and it manages to record fictitious transactions. It taught and implemented the concept of FAKE API, functionalities with styled components, use of context and hooks.
## 🎯 Steps
:heavy_check_mark: Header component\
:heavy_check_mark: Dashboard component\
:heavy_check_mark: Component Summary\
:heavy_check_mark: Transaction Table component\
:heavy_check_mark: Consuming API with MirageJS\
:heavy_check_mark: New Transaction Modal Component\
:heavy_check_mark: Modal Button Features\
:heavy_check_mark: Saving Form Data\
:heavy_check_mark: Transaction in API\
:heavy_check_mark: Listing Transaction and Seeds\
:heavy_check_mark: Formatting Values\
:heavy_check_mark: Context API\
:heavy_check_mark: Loading Transactions with Context\
:heavy_check_mark: Insert Context\
:heavy_check_mark: Summary Summary\
:heavy_check_mark: Creating a Hook\
:heavy_check_mark: Finished Project
## 🚀 Technologies
- [ReactJs](https://pt-br.reactjs.org/docs/getting-started.html)
- [TypeScript](https://www.typescriptlang.org/docs/)
- [Styled Components](https://styled-components.com/)
- [Polished](https://polished.js.org/docs/)
- [Axios](https://axios-http.com/ptbr/docs/intro)
## 📡 API'𝘀 used in the application
- 🐪 [MirageJs](https://miragejs.com/docs/getting-started/introduction/)
## :closed_book: How to use it?
Before starting, you need to have [Git](https://git-scm.com) and [Node](https://nodejs.org/en/) installed.
```bash
# Clone this project
$ git clone YOUR REPOSITORY LINK
# access
$ cd YOUR FOLDER NAME
# install dependencies
$ yarn or npm
# Run the project
$ yarn start or npm start
# The server will initialize in the
```
## 🤝 Collaborators
Thanks to the following people who contributed to this project:
