Smartast

Smartast is a web app that detects faces in an image provided to it. It is built using modern web development libraries and frameworks with React in frontend and NodeJS in backend. The database used is PostgreSQL. The app uses clarifai's machine learning and deep learning API to detect faces in an image provided to it. A live version of the app is available here.

The backend code for the project is available here.

Installation and Set Up

1. Clone this repo

   git clone https://github.com/daksh-goyal/smartast.git
   cd smartast/

2. Get the latest version of node for your OS from the official NodeJS website.

3. Install all the dependencies

   npm install

4. Start the development server

   npm start

Building and Deploying on Github Pages

1. Generate a production build

   npm run build

2. Publish on Github pages

   gh-pages -d build

The above steps can also be executed bu running the script

npm run deploy

If you wish to preview the build before depoying to github, run the following commands instead

npm install -g serve
serve -s build

Packages Used

1. React Tilt was used to create the animation on the logo of the website.
2. React PartclesJS was used to create the dynamic particles on the background of the webpage.
3. Tachyons was used to aid out the styling process.