Skip to content

An online image repository that allows users to sign in using Single Sign-On (sso) to upload images that tells an ongoing story based on uploaded images by other users. Think of pictionary....but different. Also, do try the dark mode toggler to the left of the page. It truly is my favourite thing!

Notifications You must be signed in to change notification settings

ifeasome/i-am-mage

Repository files navigation

i-am-mage

License Badge License Badge License Badge License Badge License Badge License Badge

Table of Contents

Description

An online image repository that allows users to sign in using Single Sign-On (sso) to upload images that tells an ongoing story based on uploaded images by other users. Think of pictionary....but different. Also, do try the dark mode toggler to the left of the page. It truly is my favourite thing!

Installation

No installation required to run application.

However,

To clone program's repo, run the following command line in your terminal/git bash:

A side note for cloning this repo. This app uses config variables from firebase. To be able to effectively run app, you would need to do a firebase set up for authentication, storage and firestore.

git clone git@github.com:ifeasome/i-am-mage.git.

To view repo, go to: Application Repo.

Usage

This app for those with an avid imagination. Join in the collective picture-telling. You put up a pciture that says something without words and continue the story of others before you. It is a relay pictionary game. You add a picture and see how yours fits in with the evergoing story. See Application_Demo for a demo on how the app runs.

Deployed App

Application_Demo

See Application Demo below:
Demo Run

Tests

Install program as detailed here: Installation.
All tests are run using cypress end-to-end testing as well individual user testing.
See Test Run Below:
Test Run
To run test locally, run the following command line in your terminal/git bash:

npm install cypress --save-dev

For more indepth information on Cypress Testing go through Cypress Docs.

Technologies

Technologies used:

  • Firebase authentication
  • Firebase Storage
  • Firebase Hosting
  • Reactjs
  • Unsplash Images
  • Pixaby Images
  • Travis CI
  • ESLint
  • Dark Mode Toggler
  • Cypress Testing

Credits

Credit to:
Shaun for application layout and its dependencies.
Maksim Ivanov for explanations on firebase authentication
Ligonsaft for explanations on firebase with its ui
Blessing Krofegha for my fun dark mode toggler

License

License Badge
© 2021 Somelina Obiechina

Contribution

All contributions are welcome. Submit pull requests or email me for any idea on how we could collaborate together.

Future Developments

The following are my current ideas for further development:

  1. Within app messaging for users
  2. Individualized customizable profile for app users
  3. Image labelling for uploaded pcitures
  4. Complete CRUD capabilities on application
  5. Additional Single Sign On options
  6. Comment features for users to comment on images.
  7. Visual storyboard groups where users can join and get to collectively craft a story together.
  8. Improve mobile responsiveness
  9. Create a mobile game version

Contact Information

For questions, queries or anything at all, contact me at:

Github: https://github.com/ifeasome

Email: ifeasome@gmail.com

About

An online image repository that allows users to sign in using Single Sign-On (sso) to upload images that tells an ongoing story based on uploaded images by other users. Think of pictionary....but different. Also, do try the dark mode toggler to the left of the page. It truly is my favourite thing!

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published