Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/priyanshuahir000/digital-dollars

A modern landing page built with React and styled using Tailwind CSS
https://github.com/priyanshuahir000/digital-dollars

finance fintech landing-page money react tailwindcss

Last synced: about 2 months ago
JSON representation

A modern landing page built with React and styled using Tailwind CSS

Awesome Lists containing this project

README 

        



![digital dollars logo](./public/logo-purple.png)



![TailwindCSS](https://img.shields.io/badge/Tailwind%20CSS-06B6D4.svg?style=for-the-badge&logo=Tailwind-CSS&logoColor=white)

![Radix UI](https://img.shields.io/badge/Radix%20UI-161618.svg?style=for-the-badge&logo=Radix-UI&logoColor=white)

![React](https://img.shields.io/badge/React-61DAFB.svg?style=for-the-badge&logo=React&logoColor=black)






---



## Introduction



Welcome to Digital Dollars, a landing page built with React and styled using Tailwind CSS. Digital Dollars is a modern landing page designed to showcase various financial products, including high-yield savings, bond ladders, automated investing, and stock investments.



## Features



- **High-Yield Cash Accounts**: Earn 5.00% APY with no fees or minimum balance.

- **Automated Bond Ladder**: Invest in US Treasuries with tax advantages.

- **Automated Investing**: Diversified portfolios with automated rebalancing and tax-loss harvesting.

- **Stock Investing**: Explore and invest in curated stock collections with $0 commissions.



## Demo



Check out the live demo of this project by clicking the below button:



[![Demo Button](https://img.shields.io/badge/Demo-Digital%20Dollars-white?style=for-the-badge&logo=react&color=%23230B59)](https://digitaldollarsbypb.netlify.app/)



## Screenshots



### Hero Section

![Hero Section](./public/demo/hero.png)



### High-Yield Cash Accounts

![High-Yield Cash Accounts](./public/demo/cash-account.png)



### Automated Bond Ladder

![Automated Bond Ladder](./public/demo/automated-bond-ladder.png)



### Automated Investing

![Automated Investing](./public/demo/automated-investing.png)



### Stock Investing

![Stock Investing](./public/demo/stock-investing.png)



### Risk Section

![Risk Section](./public/demo/risk-section.png)



### Testimonials 

![Testimonials](./public/demo/testimonial.png)



### House Section

![House Section](./public/demo/house-section.png)



### Footer

![Footer](./public/demo/footer.png)



## Installation



To get a local copy up and running, follow these steps:



1. Clone the repository:

   ```sh

   git clone https://github.com/priyanshuahir000/Digital-Dollars.git

   ```

2. Navigate to the project directory:

   ```sh

   cd Digital-Dollars

   ```

3. Install dependencies:

   ```sh

   npm install

   ```



## Usage



To start the development server, run:

```sh

npm start

```

Open http://localhost:3000 to view it in your browser.



## Technologies Used

- React: ^18.2.0

- Tailwind CSS: ^3.4.3

- Vite: ^5.2.0

- Recoil: ^0.7.7

- Radix UI Themes: ^3.0.5

- React Spring: ^9.7.3

- usehooks: ^2.4.1

- Tailwindcss Animated: ^1.1.0

- ESLint: ^8.57.0

- Prettier: ^3.2.5

- PostCSS: ^8.4.38

- Autoprefixer: ^10.4.19



## Contributing



Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.



1. **Fork the Project**

2. **Create your Feature Branch** (`git checkout -b feature/AmazingFeature`)

3. **Commit your Changes** (`git commit -m 'Add some AmazingFeature'`)

4. **Push to the Branch** (`git push origin feature/AmazingFeature`)

5. **Open a Pull Request**



## License



Distributed under the MIT License. See `LICENSE` for more information.



## Connect with me



[![LinkedIn](https://img.shields.io/badge/LinkedIn-Connect-blue?style=for-the-badge&logo=linkedin)](https://www.linkedin.com/in/priyanshu-baraiya/)