https://github.com/rhymond/product-comparison-application
https://github.com/rhymond/product-comparison-application
comparison example laravel lumen react redux
Last synced: about 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/rhymond/product-comparison-application
- Owner: Rhymond
- License: mit
- Created: 2017-07-20T20:34:28.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2022-12-09T12:25:12.000Z (over 3 years ago)
- Last Synced: 2024-10-29T12:08:06.465Z (over 1 year ago)
- Topics: comparison, example, laravel, lumen, react, redux
- Language: JavaScript
- Size: 2.07 MB
- Stars: 3
- Watchers: 3
- Forks: 2
- Open Issues: 20
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Product Comparison application
Using **Lumen** to serve the application, and **ReactJS** for the front-end, build a simple product comparison application using the data in the provided.
The initial page load should just display the products in a simple multi-selectable list. Beneath the list, display a comparison section, which will render each of the product details side by side once selected.
When a product is selected from the list it should appear in the comparison section, when it’s unselected it should disappear.
For each product we expect to see:
* Name
* Image (images provided)
* Categories
* Balance Transfer Rates
* Money Transfer Rates
* Purchase Rates
* Additional Info
* More Info Button
## Installation
1. Install dependencies
* For Lumen
```bash
cd api && composer install
```
* For React
```bash
cd app && npm install
```
2. Run docker environment
```bash
docker-compose up
```
React application uses port `3000` and can be opened from a browser `http://localhost:3000`
Lumen API can be reached on `http://localhost:80`
Screenshot:
## todo
- [ ] Create Live Environment
- [ ] Integrate Redux
- [ ] Unit Tests
- [ ] Acceptance Tests