Skip to content

Art Gallery is a full CRUD web application built in vanilla JavaScript for the frontend and Ruby on Rails for the backend. It allows users to learn more about familiar artists and get familiar with their paintings and save them into favorites.

Notifications You must be signed in to change notification settings

Elronia/interactive-art-gallery-ui

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

78 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Mod3_Project_Javascript_Frontend

Video Demo | Live Demo

Art Gallery is a full stack web application where you can browse around the gallery of famous artists' paintings. The inspiration of this app came during the time of COVID when most of the museums were closed. Art Gallery provides an opportunity to learn more about painters and their artworks.

Link to Backend API

Table of Contents

Launching Frontend

  • Have the rails server running on "localhost:3000"
  • cd into Mod3_Project_Javascript_Frontend
  • Open html file in browser
    $ open gallery.html
  • User is able to enter the name and the username
  • User is able to add paintings to their favorites
  • User can click on a Painting and either see more information about it or add it to their favorites
  • User can remove paintings from favorites
  • User is able to learn more about a particular artist that drew the painting that they clicked

User Login and Change Username Forms

Login Form Change Username

  • User is able to login and change the username

Gallery Page

Gallery Page

  • Browse all the paintings of famous artists

Like

  • Put like which will add the painting into the favorites

Add to Favorites

  • Clicking on the painting redirects the user to the Painting Page

Favorites Page

Favorites

  • See all the favorites

Delete from favorites

  • Remove from Favorites

Painting One Painting Two

  • See the chosen painting and it's painter

Painters' Page

List of Painters

  • Check all available painters
  • Clicking on the selected painter brings the user to the Painter Page

Painter Page

  • Read more information about the painter

User Login and Change Username

Login Username

Add to Favorites

Browse and Like Like Add to Favorites

Delete from Favorites

Delete from Favorites

Learn more about a painting and its artist from both painting page and artist's page

Painting and painter Painter

  • There are 4 models with has_many, belongs_to and has_many through associations

Creators

About

Art Gallery is a full CRUD web application built in vanilla JavaScript for the frontend and Ruby on Rails for the backend. It allows users to learn more about familiar artists and get familiar with their paintings and save them into favorites.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published