Timeless is a single-page web application inspired by Flickr built using Ruby on Rails on the backend, PostgreSQL database, and React/Redux on the frontend.

Timeless is a personal project by Dong Kim.

• User accounts creation with secure authentication with guest login
• Photo Streaming
• photo uploading with management
• Album creation for users
• Profile page for each users with photos, photo stream, and albums view.
• Comments availability on each Photo with management for each user.

Timeless was designed and built in two weeks.

• Started with proposal to plan out and make the skeleton of this project.
• Database schema and sample state was prepared with the proposal.

• backend technology

  • Rails

    • Keeps password safe

        def password=(password)
          @password = password
          self.password_digest = BCrypt::Password.create(password)
        end
      
        def is_password?(password)
          BCrypt::Password.new(self.password_digest).is_password?(password)
        end

    • Filters data through given parameters and send back to frontend

      def index
        if (params[:data])
          photos = Photo.where(user_id: params[:data][:id])
          @photos = photos.includes(:user)
        else
          @photos = Photo.all.includes(:user)
        end
        render :index
      end

  • Database
    • PostgreSQL
  • jBuilder
    • To manipulate hash structures in JSON format

• Frontend technology

  • React & Redux
    • Uses the components to keep renders organized and reusable. Action, API util, reducers, and store.
  • jQuery
    • To make AJAX request to the Rails server.
  • SCSS
    • Used to style.
  • Others
    • ReactDOM, React Router, React History, Link, Babel for transpiling JSX into javascript.

• File storage (Cloudinary)

  • Used Cloudinary for image uploading, storing, manipulation, and for fast CDN.