/Digital-Art

A virtual art gallery !

Primary LanguageCSS

Digital Art By Gal O' Reya

 

Explore art from all over America with one click. Digial Art provides awe and inspiration from the comfort of your couch.

Screen Shot 2022-06-28 at 8 03 04 PM

Ticket to Museum

Table of Contents

  1. Built With
  2. Features
  3. Optimizations
  4. What was learned
  5. Prerequisities

Built With

  • Node.js
  • Express
  • Html
  • CSS
  • JavaScript
  • Swiper
  • MongoDB
  • Heroku

Features

  • With a click of a button users can enter different rooms in the museum
  • Within the gallery, users are able to swipe through pictures and follow the links to the artists who has their art displayed in the gallery
  • Within the 14th room, users are able to comment their thoughts as well as edit and delete their comment
  • On departure, users are met with a 'Thank You' note and provided the links to developer socials

What was learned

  • With this project, you are able to create a Full-stack CRUD application using a Mongo database.  

Optimizations

  • Add the option to like and reply to specific comments
  • Add the ability to create an account and upload personal art
  • Use browser developer tools that help to debug browser compatability tests
  • Use cloudinary and lazy loading for better optimized pictures

Prerequisites

Install Node

How to Install Node

Install & Setup Mongo Database

Installing MongoDB

Setup Swiper

Using Swiperjs

Navigating Heroku

Depolying with Heroku