Code Monkey home page Code Monkey logo

vnrecs.github.io's Introduction

Original copy: github.com/WitheredGryphon/witheredgryphon.github.io

Minus PSDs

/r/visualnovel's 2018 competition submission

By /u/TheRealZethin

This is my web creation for the /r/visualnovel's 2018 competition to re-design the recommendation chart for Visual Novels.

What is this site?

I mainly designed this site with a more modern feel in mind. The design concept came from a post I stumbled across on Reddit which suggested a Netflix style site as one way to approach the competition.

Not wasting any time I jumped on the opportunity and have incorporated concepts from Netflix—as well as other sites such as Steam and VNDB—to create a modern feel.

I also developed this site from the ground up with mobile in mind. While it's not perfect by any means, I hope to continue to develop responsively.

The project

So far I've completed the basic framework for the website which allows me to easily and quickly create pages for Visual Novels.

As the competition progresses I hope to get some feedback from users to help me develop the site.

Even if the site doesn't win the competition I still plan on leaving it up for users to access if they like.

TODO

x 2018-06-13 Design and implement a sticky navbar with a hamburger menu +Navbar

x 2018-06-17 2018-06-13 Finish implementing new navbar across web pages @Functionality +Navbar

(A) 2018-06-13 Fix responsiveness of main page for small mobile devices +MainPage

(B) 2018-06-13 Identify and implement fix for tiny highlighted picks on small mobile devices +MainPage

(C) 2018-06-17 Fix home page highlight reel to display info on hover @Feature +MainPage

(D) 2018-06-17 Add icons or something to fill the space on the right side of the navbar @Design +Navbar

(E) 2018-06-13 Implement remaining visual novel pages after voting results come in

CHANGES

2018-06-13 10:34 PM CDT

  • Switched navbar to sticky
  • Implemented hamburger menu
  • Renamed brand title to help with mobile displays
  • Drafted a README.md for better clarity with changes and updates

2018-06-17 10:21 PM CDT

  • Added navbar to currently finished info pages
  • Added redirect for home button in navbar
  • Fixed date typo in TODO list

2018-06-18 10:30 AM CDT

  • Significantly optimized images to reduce load time and overhead
  • Added JSON manifest

2018-06-18 10:48 AM CDT

  • Add manifest to index
  • Add service worker

2018-07-14 11:42 PM CDT

  • Added support for content warnings for VNs (All ages, 15+, 17+, and 18+)
  • Replaced old icons in "links" section with new "button" icons

2018-07-16 2:36 PM CDT

  • Added many more icons for store pages, switched out "links" for store sites
  • Moved old info links up to the top of the page

vnrecs.github.io's People

Contributors

permagate avatar vnrecs 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.