Trendlier allows the user to search for the top 10 trending items for several categories on Best Buy. For each category, the client can then add notes to items before saving them to her wishlist, or purchase them by following a link. Once an item is included in the wishlist, the client can also edit notes or delete each item.
live version: https://trendlier-client-capstone.herokuapp.com/
Home Page View | Registration Page |
---|---|
![]() |
![]() |
Sign In | Search Page |
![]() |
![]() |
Results | Add Item |
![]() |
![]() |
Wishlist | Edit Item |
![]() |
![]() |
Homepage | Results Page |
---|---|
![]() |
![]() |
Item View | Wishlist View |
---|---|
![]() |
![]() |
You can access a working prototype of the node app here: https://trendlier-server-capstone.herokuapp.com/ and react app here: https://trendlier-client-capstone.herokuapp.com/
The app's functionality includes:
- User can search for the top ten trending items according to the Best Buy API
- Every User has the ability to create an account that stores information unique to them
- User can Add, Update, and Delete items to her wishlist
- User can follow a link to purchase item directly from Best buy
- Front-End: HTML5 | CSS3 | JavaScript ES6 | React | Redux | Enzyme
- Back-End: Node.js | Express.js | JWT Authentication | Bcrypt | Passport | Mocha | Chai | RESTful API Endpoints | MongoDB | MLab | Mongoose | Travis CI
App is strongly built to be usuable on mobile devices, as well as responsive across mobile, tablet, laptop, and desktop screen resolutions.
This is v1.0 of the app, but future enhancements are expected to include:
- Ability to compare different items in same category
- npm install ==> install all node modules
- npm install --save bcryptjs body-parser cors express mongodb mongoose passport passport-http unirest
- npm install --save-dev chai chai-http mocha faker
- nodemon server.js ==> run node server
- npm test ==> run the tests
- npm install ==> install all node modules
- npm install --save bcryptjs body-parser cheerio chokidar-cli concurrently core-js cors cpr enzyme enzyme-react-16-adapter-setup express http-server jsonwebtoken moment mongodb mongoose morgan npm-run-all passport passport-http passport-jwt passport-jwt-strategy react react-addons-test-utils react-dom react-fontawesome react-redux redux redux-thunk rimraf unirest
- npm install --save-dev acorn babel-cli babel-core babel-loader babel-plugin-transform-object-rest-spread babel-polyfill babel-preset-es2015 babel-preset-react chai chai-enzyme chai-http enzyme-adapter-react-15 enzyme-adapter-react-16 faker json-loader mkdirp mocha react-scripts react-test-renderer sinon sinon-chai webpack
- npm run build ==> build the react files in the "build" folder
- npm start ==> run react server on http://127.0.0.1:8080
- npm test ==> run the tests