Giter Site home page Giter Site logo

kayleriegerpatton / sound-art-smart Goto Github PK

View Code? Open in Web Editor NEW

This project forked from gingus55/sound-art-smart

0.0 0.0 0.0 41.23 MB

Web app that guides users through image-based selections in order to present a random assortment of artworks matching their interests. Users can learn more by viewing the artwork info pages, save their favourite artworks, and even arrange their own gallery page.

License: MIT License

HTML 24.39% CSS 16.28% JavaScript 59.34%
art museum questionnaire

sound-art-smart's Introduction

Sound Art Smart logo

Sound Art Smart

About the Application

A quick visual questionnaire to discover artworks based on your interests.

Sound Art Smart guides the user through a short series of image-based selections in order to present a random assortment of up to 6 artworks matching their specified interests. The user can then learn more by viewing the artwork information pages which include the work's title, artist, date, medium and much more. Should the user want to come back later, they can save their favourite artworks. As an added bonus, users can view their favourites in a styled gallery page--a one-of-a-kind exhibit all their own!

Contributors

Chris: https://github.com/gingus55
Jonny: https://github.com/jj77847
Elizabeth: https://github.com/EllieK2
Dahir: https://github.com/DMO17
Kayle: https://github.com/kayleriegerpatton

User Flow & Features

From the home page a user can view the quote of the day, read a brief introduction to the application's features, and click "Get Started" to begin the questionnaire. The user is guided through a series of image-based questions to narrow down their art preferences, for example paintings vs. sculptures.

Once the user has made their choices, they are presented a random selection of up to 6 artworks aligned with those interests. From there, the user can view more information about each artwork including artist, date, medium, and much more, and also save it to their favourites.

Finally, from any page the user can access an About Us page, the questionnaire, their favourites, and their personal gallery from the navigation bar.

Built With

Technologies

  • CSS & Bulma CSS framework
  • HTML
  • Javascript & jQuery
  • Google Fonts

Web APIs

Deployed Application

GitHub Pages

Screenshots

Desktop Viewport

Index page

Sound Art Smart index page

Questionnaire sample page

Questionnaire page

Results page

Results page

Favourites page

Favourites page

Gallery page

Gallery page

Mobile Viewport

Index page

Sound Art Smart index page

Questionnaire sample page

Questionnaire page

Results page

Results page

Favourites page

Favourites page

sound-art-smart's People

Contributors

gingus55 avatar dmo17 avatar kayleriegerpatton avatar jj77847 avatar surajverma2587 avatar elliek2 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.