Kickstarter | Cleartrip Frontend Developer Hiring Challenge

Develop a pseudo front end application which would let the users help list and browse top Kickstarter projects conveniently.

How to run the project online

Open the online demo here

Features

• Visually interactive responsive design listing all the projects.
• A feature to Search (via name).
• Implement Sort feature to sort result through ‘percenatge funded’, ‘End Time’ in ascending and descending order).
• Use your imagination and add features which would make things easier for end users.
• Zip all your Source code, Screenshot, & Deployment Instructions and upload.
• Add autocomplete feature to Search project names conveniently.
• Custom elegant design, fonts and icons to make web app more user-friendly.

Cleartrip Kickstarter API

• http://starlord.hackerearth.com/kickstarter

How to run the project in Development Mode

The project uses Node.js >= 6.x and the Create-React-App starter code.

After Node is installed in your system, follow the below steps.

1. Navigate to the directory where you want to store the app.
2. Clone the repo git clone https://github.com/manishbisht/Kickstarter.git
3. Now install all modules listed as dependencies in package.json by running the command npm install
4. Launch the app with this command npm start

A new browser window open automatically displaying the app. If it doesn't, navigate to http://localhost:3000/ in your browser

NOTE: The service workers for this app will only cache the site when it is in production mode.

How to run the project in Production Mode

1. Build the production ready optimised code. npm run build
2. Deploy it to gh-pages branch by npm run deploy
3. Check the online demo here

Screenshots

Project Home Page

Search Feature

Sort Feature (Low to high)

My website manishbisht.me is https only so click on load the unsafe scripts while checking the demo as the GAMES API is HTTP only.