rigoneri / syte2 Goto Github PK

View Code? Open in Web Editor NEW

207.0 12.0 54.0 1.34 MB

[Archived] Syte2 is a personal website with interactive social integrations.

License: MIT License

JavaScript 48.88% HTML 8.88% CSS 24.46% Dockerfile 0.13% Less 17.65%

syte2's Introduction

⚠️ Unmaintained

Sorry, but this project is no longer maintained. Please checkout the new version Syte3 if interested.

Syte2

Syte2 is the new and refined version of Syte, a personal website with interactive social integrations. Syte2 integrates with Twitter, Instagram, Foursquare, Github, Dribbble, Spotify/Last.fm, YouTube and Tumblr. You can see it in action on my personal site.

Stream/Timeline

Syte2 starts of with your social stream. It groups all integrations into a nice and easy to follow timeline.

Social Integrations

Twitter

Syte2 integrates with Twitter. Every time you tweet it adds that post to your stream. The Twitter page shows a page similar to your profile.

Github

Syte2 integrates with Github. Every time you commit something to Github it shows that activity on your stream. The Github page shows your list of public repos and your public activity.

Dribbble

Syte2 integrates with Dribble. Every time you post a shot to Dribble it shows that shot on your stream. The Dribble page shows a page similar to your Dribbble profile.

Spotify via Last.fm

Syte2 integrates with Spotify via Last.fm. Every time you listen to a song on Spotify that activity is sent to Last.fm, Syte2 gather and groups that information and adds it to your stream. The Spotify page shows a list of recent tracks you played, as well as your top artists, albums and tracks.

Instagram

Syte2 integrates with Instagram. Every time you post an image to Instagram it shows that image on your stream. The Instagram page shows a page similar to your profile.

YouTube

Syte2 integrates with YouTube. Every time you post a video to YouTube it shows that video on your stream. The YouTube page shows a page similar to your YouTube profile.

Foursquare

Syte2 integrates with Foursquare. Every time you check-in on Foursquare, after a period of time it shows that check-in on your stream. The Foursquare page shows a list of your recent check-ins and a map with a summary of check-ins in the past month.

Tumblr

Syte2 integrates with Tumblr. Every time you post something to Tumblr it shows that activity on your stream. The Tumblr page shows all your posts.

Responsive UI

Syte2 is responsive, it scales to any screen size.

Technologies Used

Syte2 is MEAN! It uses MongoDB, Express, AngularJS and Node.js.

For development Syte2 uses LESS as the CSS pre-processor.

Syte2 also uses a font for icons. I should probably document how I design and build those fonts.

For deployment Syte2 uses Heroku (since they have a free option) with mLab MongoDB add-on.

Setup Instructions

NOTE The setups instructions are mostly for Mac not sure if there are any differences for other OSs.

There are a few steps in order to get Syte2 configured, but don't worry they are pretty easy.

Deployment Instructions

For now I've only deployed my website to Heroku since it's free to start out. I would love to see it deployed to different services.

Heroku deployment instructions
Docker deployment instructions
AWS deployment instructions (TODO)
Google Cloud deployment instructions (TODO)

Contributing

There are plans for several services to be added in the TODO file. One of these services is a good place to start when looking for ways to help. Also posting/fixing issues is always helpful.

Credit

Syte2 was developed by Rigo (Rodrigo Neri).

Check out his personal website at http://rigoneri.com

Follow him on twitter @rigoneri

syte2's People

Contributors

Stargazers

Watchers

syte2's Issues

Look into using Heroku Scheduler

Instead of updating the data occasionally during a HTTP request, look into using a background task.
https://devcenter.heroku.com/articles/scheduler

Wrong angular-animate version resolved

Hey!
I've followed your instructions and run 'bower instal'l, but angular-animate and angular versions doesn't match at the end, so site wasn't working at all.
I was able to resolve this by editing bower.json like this:

{
  "name": "client",
  "version": "0.0.0",
  "dependencies": {
    "angular": "1.4.0",
    "angular-animate": "1.4.0",
    "angular-route": "1.4.0",
    "angular-sanitize": "1.4.0",
    "moment": "2.13.0",
    "angular-moment": "0.10.3",
    "angular-modal-service": "0.10.1",
    "angular-lazy-img": "1.2.2",
    "google-maps": "3.2.1"
  },
  "devDependencies": {
    "angular-mocks": "1.4.0"
  },
  "appPath": "app",
  "moduleName": "clientApp",
  "resolutions": {
    "angular": "1.4.0",
    "moment": "2.13.0"
  }
}

Hope you can reproduce and check it!

Invalid Operation, no operation in bulk

I'm having this exception for a period of time:
`azwa@azwa-Inspiron-5547:~/Codes/Syte2/server$ NODE_ENV=development node app.js
Connected to Mongo. development
Listening on port 3000
GET / 200 70.159 ms - 3758
GET /styles/main.css 200 35.085 ms - 231098
GET /bower_components/angular-route/angular-route.js 200 50.261 ms - 38728
GET /bower_components/angular-sanitize/angular-sanitize.js 200 62.518 ms - 25757
GET /bower_components/angular-animate/angular-animate.js 200 64.297 ms - 150696
GET /bower_components/angular-moment/angular-moment.js 200 38.831 ms - 19478
GET /bower_components/angular/angular.js 200 71.067 ms - 1100452
GET /bower_components/angular-modal-service/dst/angular-modal-service.js 200 14.213 ms - 7885
GET /bower_components/moment/moment.js 200 99.886 ms - 134906
GET /bower_components/angular-lazy-img/release/angular-lazy-img.js 200 47.485 ms - 6589
GET /bower_components/google-maps/lib/Google.js 200 34.224 ms - 4173
GET /scripts/stream.js 200 23.795 ms - 4093
GET /scripts/twitter.js 200 27.724 ms - 6684
GET /scripts/app.js 200 32.197 ms - 2232
GET /scripts/env.js 200 53.595 ms - 82
GET /scripts/instagram.js 200 21.487 ms - 5623
GET /scripts/dribbble.js 200 4.694 ms - 4945
GET /scripts/foursquare.js 200 42.838 ms - 12751
GET /scripts/tumblr.js 200 15.498 ms - 7417
GET /scripts/github.js 200 11.907 ms - 2527
GET /scripts/lastfm.js 200 19.231 ms - 3925
GET /scripts/youtube.js 200 7.170 ms - 5007
GET /templates/nav.html 200 14.215 ms - 1495
GET /templates/stream/index.html 200 11.901 ms - 1121
GET /images/pic.jpg 200 3.652 ms - 10555
GET /templates/twitter/post.html 200 8.094 ms - 463
GET /templates/foursquare/checkin.html 200 8.150 ms - 572
GET /templates/dribbble/post.html 200 7.084 ms - 276
GET /templates/instagram/post.html 200 13.253 ms - 345
GET /templates/tumblr/post.html 200 67.870 ms - 1455
GET /templates/github/activity.html 200 67.486 ms - 403
GET /templates/lastfm/activity.html 200 72.357 ms - 655
GET /templates/youtube/post.html 200 80.974 ms - 308
GET /images/placeholder.png 200 17.591 ms - 68
GET /fonts/icons.woff?omeqz4 200 66.121 ms - 10112
Twitter needed update and fetched: 29
Twitter page 0 used db: 1
Instagram needed update and fetched: 10
Instagram page 0 used db: 0
Tumblr next update in 398 minutes
Tumblr page 0 used db: 0
Github needed update and fetched: 0

/home/azwa/Codes/Syte2/node_modules/mongodb/lib/bulk/unordered.js:515
throw toError("Invalid Operation, No operations in bulk");
^
MongoError: Invalid Operation, No operations in bulk
at Function.MongoError.create (/home/azwa/Codes/Syte2/node_modules/mongodb-core/lib/error.js:31:11)
at toError (/home/azwa/Codes/Syte2/node_modules/mongodb/lib/utils.js:114:22)
at UnorderedBulkOperation.execute (/home/azwa/Codes/Syte2/node_modules/mongodb/lib/bulk/unordered.js:515:11)
at /home/azwa/Codes/Syte2/server/models/github.js:117:16
at Request._callback (/home/azwa/Codes/Syte2/server/models/github.js:227:7)
at Request.self.callback (/home/azwa/Codes/Syte2/node_modules/request/request.js:200:22)
at emitTwo (events.js:87:13)
at Request.emit (events.js:172:7)
at Request. (/home/azwa/Codes/Syte2/node_modules/request/request.js:1067:10)
at emitOne (events.js:82:20)
`
But it will gone temporarily after /github/setup. Then it appear again the next day.

Any chance of adding a SoundCloud integration?

Not a programmer myself, otherwise I'd have a go at it. SoundCloud addition would be cool to display tracks listened to, hearted, or tracks uploaded/posted.

Default color palette is very hard to read

Hello,

One thing that is quickly apparent when viewing your personal website and the screenshots here is that the text is near impossible to read quickly or to skim. This is primarily due to the very low contrast between the text and the background. It would be worth changing it to have a higher contrast ratio in accordance with accessibility guidelines.