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

https://github.com/softdev629/offer-love

A modern React implementation of Offer.love, a platform for tracking and managing credit card offers from various banks including Amex, Chase, BoA, and Citi.
https://github.com/softdev629/offer-love

react react-router-v7 tailwindcss

Last synced: about 1 year ago
JSON representation

A modern React implementation of Offer.love, a platform for tracking and managing credit card offers from various banks including Amex, Chase, BoA, and Citi.

Awesome Lists containing this project

README

          

# Offer.love Website Clone

A modern React implementation of Offer.love, a platform for tracking and managing credit card offers from various banks including Amex, Chase, BoA, and Citi.

## 🌟 Features

- **Latest Offers Page**: View the most recent credit card offers with detailed merchant information
- **Offers Overview**: Browse all available credit card merchant offers and promotions
- **My Offers**: Personal dashboard to manage and search saved offers
- **Responsive Design**: Fully responsive UI that works across desktop and mobile devices
- **Modern UI**: Built with Tailwind CSS for a clean, modern look

## 🛠 Tech Stack

- **Framework**: React
- **Styling**: Tailwind CSS
- **Language**: TypeScript
- **Build Tool**: Vite

## 📦 Installation

1. Clone the repository:
```bash
git clone https://github.com/softdev629/offer-love.git
```

2. Install dependencies:
```bash
cd offer-love
npm install
```

3. Start the development server:
```bash
npm run dev
```

## 🚀 Usage

The application consists of three main pages:

- `/latest` - Shows the most recent offers from all supported banks
- `/offers` - Displays promotional content and general offer information
- `/myoffers` - Personal dashboard for managing saved offers

## 💅 Styling

This project uses Tailwind CSS for styling. The main configuration can be found in:
- `tailwind.config.js`
- `src/index.css`

## 📱 Responsive Design

The UI is optimized for various screen sizes:
- Desktop (1024px and above)
- Tablet (768px to 1023px)
- Mobile (below 768px)

## 🤝 Contributing

1. Fork the repository
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

This project is for educational purposes only. All rights belong to their respective owners.

## 🙏 Acknowledgments

- Original design inspiration from [Offer.love](https://offer.love)
- Icons and images are property of their respective owners