TeamMJM / Spionio
Lightweight focus group management platform that can capture and replay user interaction on your site and improve the UX in everything you build
Stars: ✭ 40
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Spionio
Patternfly Design
Use this repo to file all new feature or design change requests for the PatternFly project
Stars: ✭ 82 (+105%)
Mutual labels: user-interface, user-experience, front-end, front-end-development
Uix Kit
A free UI toolkit based on some common libraries for building beautiful responsive website, compatible with Bootstrap v4.
Stars: ✭ 318 (+695%)
Mutual labels: front-end, front-end-development
Realityui
A Swift Package for creating familiar UI Elements and animations in a RealityKit rendered Augmented Reality or Virtual Reality scene.
Stars: ✭ 275 (+587.5%)
Mutual labels: user-interface, user-experience
Front End Handbook 2018
2018 edition of our front-end development handbook
Stars: ✭ 4,172 (+10330%)
Mutual labels: front-end, front-end-development
epic-react-exercises
Practical React exercises with detailed solutions.
Stars: ✭ 126 (+215%)
Mutual labels: front-end, front-end-development
Mac Setup
🛠️ Front end web development setup for macOS.
Stars: ✭ 265 (+562.5%)
Mutual labels: front-end, front-end-development
Front End Handbook 2019
[Book] 2019 edition of our front-end development handbook
Stars: ✭ 3,964 (+9810%)
Mutual labels: front-end, front-end-development
frontendQuickbytes
A repo containing real life frontend challenges which you can use to practice frontend!
Stars: ✭ 129 (+222.5%)
Mutual labels: front-end, front-end-development
Snapchat Clone
👻 A SnapChat clone built with React, Redux and Typescript. Styled with SASS. Tested with Cypress, Jest and Enzyme. Linted with Eslint and formatted with Prettier!
Stars: ✭ 770 (+1825%)
Mutual labels: front-end, front-end-development
Slim.js
Fast & Robust Front-End Micro-framework based on modern standards
Stars: ✭ 789 (+1872.5%)
Mutual labels: front-end, front-end-development
React Rewards
Package containing a few microinteractions you can use to reward your users for little things and make them smile!
Stars: ✭ 841 (+2002.5%)
Mutual labels: user-experience, front-end
Muse
⚡️ A light and ease-to-use front-end framework 🌪
Stars: ✭ 12 (-70%)
Mutual labels: front-end, front-end-development
Open-Sentencing
To help public defenders better serve their clients, Open Sentencing shows racial bias in data such as demographics providing insights for each case
Stars: ✭ 69 (+72.5%)
Mutual labels: front-end, front-end-development
Front End Web Development Resources
This repository contains content which will be helpful in your journey as a front-end Web Developer
Stars: ✭ 3,452 (+8530%)
Mutual labels: front-end, front-end-development
reactjs-portfolio
Welcome to my portfolio react.js repository page.
Stars: ✭ 109 (+172.5%)
Mutual labels: front-end, front-end-development
Learning Roadmap
The Front-End Developer Learning Roadmap by Frontend Masters
Stars: ✭ 336 (+740%)
Mutual labels: front-end, front-end-development
The Front End Architect Resource List
Front End Architecture resources
Stars: ✭ 21 (-47.5%)
Mutual labels: front-end, front-end-development
bootstrap-gulp-starter-template
Bootstrap 4 + Gulp 4 + Panini for improve front-end development workflow
Stars: ✭ 67 (+67.5%)
Mutual labels: front-end, front-end-development
Hover Ui Kit
Create beautiful user interfaces for immersive VR/AR experiences.
Stars: ✭ 662 (+1555%)
Mutual labels: user-interface, user-experience
Spion IO
Focus Group management API that can capture and replay user interaction to improve the UX in everything you build!
Getting Started
To use our API, there is a easy three-step process,
- Inject our script into the of your HTML page that you wish to track
https://cdn.rawgit.com/morpherious/client-template/master/script.js
- Run our CLI in your directory and follow the commands to set up a MongoDB and import our controllers and models into your project directory
npm install create-spion
create-spion <enter-random-db-name-here>
or visit npmjs.com/create-spion
- Clone our interface from http://github.com/SpionIO and run the following in the directory.
npm install
npm run webpack
npm start
Now visit http://localhost:3000/dashboard
Features
- Live - By establishing a connection through Websockets, we open a real-time, highly-concurrent stream of data between the developer's web page and our interface. This allows for a 'live' stream of the user's interaction and a display to check if a user is live on your site.
- Storyboard - When managing click events and console log events, we extract strings from the developer's code or the user's console, respectively, and display each event as they happen, which when clicked, will expand to show the exact string of code that was seen.
- Feedback - Our script also injects a feedback input section on the developer's website that allows users to supply feedback that will relay back to our interface for the developer to review and take into consideration.
- Fullscreen - Says it all
- Geolocation - Script will prompt for user's geolocation and our interface will display their location through the Google Maps API
Built With
- React/React-Router - The front end framework used
- Express - Server routing and Node.js setup
- MongoDB - Non relational database management system
Contributing
Please check us out and submit issues/pull requests.
Authors
- Mustafa (https://github.com/morpherious)
- Jerry (https://github.com/j3rryj)
- Miranda (https://github.com/mm0nr0e)
See also the list of contributors who participated in this project.
License
This project is licensed under the MIT License - see the LICENSE.md file for details
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].