ShutterStop is a photography sharing app that enables commmunity interactions between photographers. It was inspired by 500px. The backend uses Ruby on Rails and PostgreSQL, while the frontend uses React and Redux. I built the project over a ten day period and plan on adding more features in the future.
- User authentication using BCrypt encryption
- Users can add photos, update photo information and delete photos
- Following and unfollowing populates a personal feed
- Like functionality on both the index and show pages for photos
- Comment section with delete functionality
<div className={this.state.drag}
onDragOver={e => e.preventDefault()}
onDragLeave={this.handleDragLeave}
onDrop={this.handleDrop}></div>
<div className='modal-background'
onDragEnter={this.handleDragEnter}
onClick={() => this.props.clearModal()}>
<div className='modal-child' onClick={e => e.stopPropagation()}>
<div className='select-photo'>
<label className='new-pic-button'>
Select Photo
<input type='file'
onChange={this.handleFile} />
</label>
<p>Or drag & drop a photo anywhere on this page</p>
</div>
</div>
</div>