Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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.

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.

(back to top)

### 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)

(back to top)

## 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
```

(back to top)

## Contact

Rodrigo Queiroz - [email protected]

(back to top)