Giter Club home page Giter Club logo

mangadb-front's Introduction

Rafase282

This is my official portfolio. It was created using my Generator.

mangadb-front's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

mangadb-front's Issues

Current Issues

  • Fix padding on login page
  • The cards are way too big
  • Make alerts smaller

Update Gulp scripts to v4

The current gulp scripts are outdated and currently not working with Gulp 4. I want to update the script to keep doing the same work up work with the latest versions of their packages.

The functionality is as follows:

  1. Watch for changes on the js, sass, pug files and reload the browser.
  2. Autoprefix the css to support the latest 2 versions of major browsers with autoprefixer & postcss.
  3. Minified the autoprefixed css
  4. Turn the sass into css (then autoprefix and minify)
  5. Minify the js
  6. browser-sync-proxy to keep the browser in sync to changes for dev (similar to using nodemon)

Overall the idea is to keep an eye for changes and reload the browser when detected.
When sass changes, being able to conver to css, post and prefix and minify and put the file in the right place.
Similar for JS.
Being able to do any of these steps individually is also important.

A nice to have would to lint and lint --fix along with using prettier as they are on the package.json scripts.

Fix Error Page

Instead of sending the user to the error page and displaying the error template or a 404 the site crashes.

Create React Version

Recreate the page using react.
This particular work would need to be done in a separated branch as v3 to later replace master/

Implement Fixed Size for Manga Cards

The cards should be the same size, and so should be the images. This will fix the aliment problem where there is empty space because one card is a bit bigger than the other.

Fix Manga Form

When creating or updating mangas, the form does not seem to work.

Feature Request: User's Manga Stats in Profile Panel

The profile page has a hidden profile panel with the user personal information such as full name and email. I want to also add the stats on how many manga the user has in total, and also break it down to how many per "user status" meaning how many the user has fished reading, how many left to read, and how many is the user currently doing. This is client side as the required information is already stored locally.

Improve manga thumbnails

Currently the images look out of proportions. It needs to be fixed so they always look nice and not stretched out.

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.