Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rodrigoqueiroz12/dt-money
This project showcased the power of React's component-based architecture, enabling the creation of a cohesive user interface with a well-organized codebase.
https://github.com/rodrigoqueiroz12/dt-money
context-api radix-ui reactjs styled-components vitejs
Last synced: about 1 month ago
JSON representation
This project showcased the power of React's component-based architecture, enabling the creation of a cohesive user interface with a well-organized codebase.
- Host: GitHub
- URL: https://github.com/rodrigoqueiroz12/dt-money
- Owner: rodrigoqueiroz12
- Created: 2023-10-18T23:40:52.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-10-19T19:04:24.000Z (about 1 year ago)
- Last Synced: 2023-10-20T08:10:25.168Z (about 1 year ago)
- Topics: context-api, radix-ui, reactjs, styled-components, vitejs
- Language: TypeScript
- Homepage:
- Size: 149 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[![LinkedIn](https://img.shields.io/badge/LinkedIn-%230077B5.svg?style=flat&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/rodrigo-queiroz-a113a9212)
DT Money
## About The Project
![Project Preview](/.github/preview.png)
Welcome to DT Money, a great React.js project developed during the Ignite Rockeseat's course, where I harnessed the power of Styled Components and the Context API to create this dynamic and elegant web application. This project represents a robust and flexible approach to building modern web interfaces.
### Built With
[![Vite.js](https://img.shields.io/badge/Vite.js-%23007ACC.svg?style=flat&logo=vite&logoColor=white)](https://vitejs.dev/)
[![React.js](https://img.shields.io/badge/React.js-%2300D8FF.svg?style=flat&logo=react&logoColor=white)](https://reactjs.org/)
[![Styled Components](https://img.shields.io/badge/Styled%20Components-%23DB7093.svg?style=flat&logo=styled-components&logoColor=white)](https://styled-components.com/)
[![TypeScript](https://img.shields.io/badge/TypeScript-%23007ACC.svg?style=flat&logo=typescript&logoColor=white)](https://www.typescriptlang.org/)
[![Context API](https://img.shields.io/badge/Context%20API-%230081CB.svg?style=flat)](https://reactjs.org/docs/context.html)## Getting Started
This is an example of how you may give instructions on setting up your project locally.
To get a local copy up and running follow these simple example steps.### Installation
1. Clone the repo
```sh
git clone https://github.com/rodrigoqueiroz12/dt-money.git
```
2. Install the packages
```sh
npm install
// or
pnpm install
```
3. Run the project
```sh
npm run dev
npm run dev:server
// or
pnpm run dev
pnpm run dev:server
```
## Contact
Rodrigo Queiroz - [email protected]