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

https://github.com/gabrielpenteado/bible-verses-app

App that shows a new Bible verse every day and user can download it. | React | TypeScript | React Query | ShadcnUI | TailwindCSS
https://github.com/gabrielpenteado/bible-verses-app

bible bible-api bible-verse bible-verses react react-query reactjs shadcn-ui tailwindcss tanstack-react-query typescript

Last synced: about 2 months ago
JSON representation

App that shows a new Bible verse every day and user can download it. | React | TypeScript | React Query | ShadcnUI | TailwindCSS

Awesome Lists containing this project

README

          


Bible Verses App


An application that shows a new Bible verse every day.


The language is Portuguese.


license

npm version

website status

## 📑 Contents

- [About the project](#-about-the-project)
- Built with
- [Getting Started](#-getting-started)
- Requirements
- Installation
- [Contributions](#-contributions)
- [License](#-license)

## ✝️ About the project


An application that shows a Bible verse per day, allowing users to choose a background image and download it.






Video


Website

























Screenshot




### Built with

![vite](https://img.shields.io/badge/Vite-B73BFE?style=for-the-badge&logo=vite&logoColor=FFD62E)
![react](https://img.shields.io/badge/React-61DAFB?logo=react&logoColor=000&style=for-the-badge)
![typescript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)
![react-query](https://img.shields.io/badge/React%20Query-FF4154?logo=reactquery&logoColor=fff&style=for-the-badge)
![tailwindcss](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)
![shadcn-ui](https://img.shields.io/badge/shadcn%2Fui-000?logo=shadcnui&logoColor=fff&style=for-the-badge)

## ⛪ Getting started

To start using Bible Verses App follow the instructions below.

### Requirements

- npm (^10.5.1)
- react(^18.2.0)
- [vite](https://vitejs.dev/guide/)
- [typescript](https://www.typescriptlang.org/)
- [tailwindcss](https://tailwindcss.com/docs/installation)
- [tanstack/react-query](https://tanstack.com/query/latest/docs/framework/react/overview)
- [shadcn/ui](https://ui.shadcn.com/)

### Browsers Support

| [Chrome](https://www.google.com/intl/en/chrome/)
Chrome | [Edge](https://www.microsoft.com/en-us/edge)
Edge | [Firefox](https://www.mozilla.org/en-US/firefox/new/)
Firefox | [Safari](https://www.apple.com/br/safari/)
Safari | [Opera](https://www.opera.com)
Opera |
| :--------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------: |
| ✅ | ✅ | ✅ | ✅ | ✅ |
| last version | last version | last version | last version | last version |

### Installation

1. Clone the repository

`git clone https://github.com/gabrielpenteado/bible-verses-app`

2. Access the project folder in the terminal

3. Install all packages dependencies

`npm install`

4. Start using

`npm run dev`

## 🤝 Contributions

[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)

The foundation of the open source community are the contributions, them inspire us to learn and create. Any contributions are greatly appreciated.

## 📄 License

This project is licensed under the MIT License. See the [LICENSE.md](https://github.com/gabrielpenteado/bible-verses-app/blob/main/LICENSE.md) file for details.





Gabriel Penteado


Full Stack Developer



[![LinkedIn](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/gabriel-penteado)
[![GitHub](https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white)](https://github.com/gabrielpenteado)
[![Gmail](https://img.shields.io/badge/gabripenteado@gmail.com-D14836?style=for-the-badge&logo=gmail&logoColor=white)](mailto:gabripenteado@gmail.com)