GithubHelp home page GithubHelp logo

rutikwankhade / coverview Goto Github PK

View Code? Open in Web Editor NEW
848.0 5.0 122.0 1.63 MB

๐Ÿ›  Create awesome cover images for your blog posts quickly.

Home Page: https://coverview.vercel.app

License: MIT License

HTML 5.70% JavaScript 92.70% CSS 1.60%
react create-react-app blogging

coverview's Introduction

Coverview

Creating cover images for your blogs is now super easy.

โšก Features

  • ๐Ÿš€ super fast and easy to use
  • ๐ŸŒˆ 4 different themes, multiple fonts
  • ๐ŸŒ  100+ dev icons with option to upload custom icon
  • โœจ 15+ different background patterns
  • ๐Ÿ’พ Cover size based on blogging platform (i.e hashnode and dev)

๐Ÿ‘ฉโ€๐Ÿ’ป Developing

This project was bootstrapped with Create React App.

git clone https://github.com/rutikwankhade/CoverView.git
cd CoverView/
npm start

๐Ÿ‘‡ Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

  1. Fork it (https://github.com/rutikwankhade/CoverView/fork)
  2. Create your feature branch (git checkout -b feature/fooBar)
  3. Commit your changes (git commit -am 'Add some fooBar')
  4. Push to the branch (git push origin feature/fooBar)
  5. Create a new Pull Request

๐Ÿ™ Acknowledgments

Don't forget to leave a โญ if you found this useful.

coverview's People

Contributors

asishraju avatar divyakelaskar avatar haideralipunjabi avatar le0zh avatar rajakumardev avatar rajesh-royal avatar rutikwankhade avatar

Stargazers

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

Watchers

 avatar  avatar  avatar  avatar  avatar

coverview's Issues

Layout Fix

In 416a6dc, you moved the styles for .outerContainer but forgot to add justify-content: space-between to it.

Limit border size

I randomly entered a large number for the border size and it grew big past the main container which I believe shouldn't be like that as shown in the image screenshot. So, I think a border size limit would be nice

Screenshot (41)

[ENHANCEMENT] Not able to insert newline in the title text field

It would be nice to be able to type in a new line in the title. This would allow higher customization of the cover image, also, would allow the image to be used elsewhere (apart from covers). Not quite sure if this would be an enhancement or not, but I feel it would be, so adding the enhancement title. What do you think? ๐Ÿค”

Different Fonts? Foreground Colour?

I am planning to extend this project by adding support for choosing fonts and selecting foreground colours! ๐Ÿ˜

Let's rock it! ๐Ÿค˜๐Ÿป

Generate thumbnail with GIF Images.

Current working

  • Upload a GIF Image, It shows a preview with GIF.

Improvement Needed

  • Download the cover as GIF if the user has uploaded a GIF image for preview.
  • Right now It saves only the static Image.
Coverview.mp4

Wrong File Resolution For Hashnode

When downloading image for Hashnode platform, the resolution is 1668 ร— 908 instead of 1600 x 840. It works fine with the 'stylish' theme, but not with the others.

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.