Smart-Brain uses Clarifai API to detect a face in an image. It helps to detect a face in a picture provided by the user through the URL of the image. The user's rank gets upgraded every time user detects an image in a picture.
Live Demo: https://shradha-smart-brain.herokuapp.com/
- HTML5
- CSS3
- React.js
- Node.js
- Express.js
- PostgreSQL
- Create-React-App
- Tachyons
- react-tilt
- particles.js
- Bcrypt
- Postgresql
- knex
- body parser
- cors
- express
Steps:
**To Properly Start React App in the Browser:
- Please clone or download this repo on to your desktop
- Open up a terminal window and CD into Smartbrain-React-master directory
- Run NPM Install in the terminal window pointing to the Smartbrain-React-master directory { to download npm modules and dependencies (Package.json files are included in repo)}
- Run NPM Start in the terminal window pointing to the Smartbrain-React-master directory
**To Run Clarifai's Facial Recognition API:
- Find a Picture of a Person and 'Copy image address'.
- Paste the Image Address into the white textbox (in the middle of the screen) and Click 'Detect' Button
- Watch the facial recognition box appear over the person like magic :)
**Extra!
- Hover over the SmartBrain Logo on the top left side of the screen right under the words 'SmartBrain App' and watch the SmartBrain Tilt!
Want to contribute? Great!
To fix a bug or enhance an existing module, follow these steps:
- Fork the repo
- Create a new branch (
git checkout -b improve-feature) - Make the appropriate changes in the files
- Add changes to reflect the changes made
- Commit your changes (
git commit -m 'Improve feature') - Push to the branch (
git push origin improve-feature) - Create a Pull Request
If you find a bug (the website couldn't handle the query and / or gave undesired results), kindly open an issue here by including your search query and the expected result.
If you'd like to request a new function, feel free to do so by opening an issue here. Please include sample queries and their corresponding results.
- ReactJS - React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes.
- NPM - npm is the package manager for JavaScript and the world’s largest software registry. Discover packages of reusable code — and assemble them in powerful new ways.
Clarifai Face Detection API