jimvickery / funsnap

Imgur Clone. This is a Front End NSS Capstone similar to Imgur and built with AngularJS, Firebase and has user authentication. A production demo in RoR which can be seen at www.sillysnap.com

Home Page:http://sillysnap.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Alt text

Funsnap (An Imgur Clone)

This is an Image Sharing Site built as the Front End Capstone at Nashville Software School. It is similar to the site Imgur.

A live version of this site built with Ruby on Rails can be seen at www.sillysnap.com, (more info below).
Built with AngularJS, Firebase, Bootstrap, Javascript, Grunt.

Main page with all images.

Alt text

Show page of a gallery posting with the Most Viral Images in Right Column.

Alt text

====================================================================================

Live Site Preview

====================================================================================

The AngularJS version (this repo) is not live. However, the RoR version of this site is live: www.sillysnap.com. Visit the site and do a search. Or register and add comments or submit your silly humor in a snap. No humor pics or comments to submit? Just register and upvote or downvote a gallery or comment.

Main page with all images.

Alt text

Show page of a gallery posting with the Most Viral Images in Right Column.

Alt text

Also, there's an Admin Area.

Alt text

List of Categories, Comments and Users from Admin with full admin control.

Alt text

Deployment Instructions:

Note: These instructions are for the AngularJS version of the site. The Ruby on Rails version curently is a private Repo UTF.

1. Clone the Project 
  1. Create FBCreds file with firebase credentials setting the search index to
  2. CD into lib folder and type in the terminal:
npm install
  1. Set Up a Firebase account and set the rules to:
{
"rules": {
".read": "true",
".write": "true",
"posts" : {
".indexOn": ["uid"]
}
}
}
  1. Run https server by typing in the terminal:
hs 
  1. Open browser and type:
http://localhost:8080 
  1. Register, then start submitting images or comments.

Visit the live site (built with RoR) at SillySnap.com to see it in action.

Note: This Repo is built with AngularJS and does not include an admin area. The admin area is only available in the RoR version which currently is a private repo. More will be added to this repo at a later time. The administration area is only on the live site and accessible by administrators.

About

Imgur Clone. This is a Front End NSS Capstone similar to Imgur and built with AngularJS, Firebase and has user authentication. A production demo in RoR which can be seen at www.sillysnap.com

http://sillysnap.com


Languages

Language:HTML 50.1%Language:JavaScript 36.3%Language:CSS 13.6%