Giter Club home page Giter Club logo

media-explorer's Introduction

  1. Porject Description -> Media Explorer is an Ruby on Rails Web Application Which can be used to Add new Albums and add photos to those albums. Apart from addding Photos we can drag and drop the photos in an album which is acheived by using Stimulus JS .

  2. Fucntionalities->

     *Creating Albums(like in phones)
     
     *Adding one or multiple photos
     
     *Dragging and Dropping Photos => Achieved by Stimulus JS
    
  3. What's new -> Stimulus JS is used in this web Application for Drag and Drop. Stimulus is a JavaScript framework.Stimulus is designed to enhance static or server-rendered HTML—the “HTML you already have”—by connecting JavaScript objects to elements on the page using simple annotations. These JavaScript objects are called controllers, and Stimulus continuously monitors the page waiting for HTML data-controller attributes to appear. For each attribute, Stimulus looks at the attribute’s value to find a corresponding controller class, creates a new instance of that class, and connects it to the element.

  4. Project Requirements->

     * Ruby version => 3.1.2
    
     * Rails version => 7.0.4
    
     * CSS => Tailwind
    
  5. Project Setup->

    * git clone https://github.com/saditya370/Media-Explorer.git
    
    * Check ruby -v 
    
    * If you don't have required version run   "rbenv install 3.1.2"
    
    * Run "bundle install"
    
    * Run "rails db:migrate"
    
    * Start the server by running bin/dev
    

media-explorer's People

Contributors

saditya370 avatar

Watchers

 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.