Skip to content

BlueprintJS & Tailwindcss Anime Image search web application. Integrated with Github action for CI/CD. Hosted with ExpressJS Docker Container in Heroku

License

Notifications You must be signed in to change notification settings

vincecao/vDanbooru-React-App

Repository files navigation

vDanbooru React App

BlueprintJS & Tailwindcss Anime Image search web application. Integrated with Github action for entire CI/CD pipeline. Hosted with ExpressJS Docker Container in Heroku

vDanbooru React Portal

Development & Build Instruction

# 0. create your own .env.staging, .env.github or .env.production, referred from .env.sample

# 1. install dependencies
yarn

# 2. react start
yarn start

# 3. react build
yarn build

# express server development

# install nodemon
npm install -g nodemon

# move to sub-express folder
cd express

# build docker image
docker build -t vdanbooru-express-image .
# OR
yarn build:image

# test express endpoint in local
docker run \
-p 5000:5000 \
-e PORT=5000 \
-e NODE_ENV=production \
vdanbooru-express-image

Index of vDanbooru

Search & Hots Page

Gallery


Legacy

Index of vDanbooru

Search & Hots Page

Lightbox

Favorite Collection for Loginin Users

Sign-up & Login Support

Search by tags

Mobile

Update Logs

12/07/2020

  • update dependencies

12/12/2019

  • Fix mobile layout, and firebase warning
  • Add Envorinment

11/25/2019

  • Fix tag searching not working issue

11/22/2019

  • Handle 'return' button action in searching page and minor codes tweaking

11/06/2019

  • Improve gallery image load speed

11/03/2019

  • Add blur effects to lightbox mode
  • Fix popover position error
  • Remove some of redundant code and improve code in module of tagPanel

11/02/2019

  • Clean some of code in lightbox and popover effects
  • Modularized Tag, download and share components across different parts
  • Add indicator in Search page (can directly search in the head area of result page)
  • Add switch background button
  • Fix serval bugs

10/31/2019

  • Add Redux Data Store
  • Add favorite tab features for easy bookmarking
  • Support new user to signup and login
  • Add a connection to Firebase authentication and Firestore database
  • Now favorite images will be linked to your account
  • Support tags search, and list tags in the results
  • Fix bugs on both mobile and desktop

10/30/2019

  • Add progress bar and non-ideal state
  • Optimized for mobile devices
  • Add share to social features, with react-share

10/27/2019

TODO

  • Add search features with tags
  • Add Favorite & share
  • Add login&signup Page
  • Add favorite in search lightbox
  • Pagination from Server side
  • Multi-tag search support
  • Chat / comment board
  • ...

LICENSE

MIT @ Vince