Skip to content

devBanner/devBanner_Frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

UPDATE

Back-end servers are down. If you want to create a banner, you must build the project yourself.

Please follow the instructions below.

  1. Click the GitHub icon marked as 2 in the bottom of the website.
  2. Clone the repository with git.
  3. Install .NET Core libraries, as well as IIS. (You need Visual Studio to build the project and install dependencies.)
  4. Select the solution file, and edit the launchSettings.json file located under devRantBanner/Properties.
  5. Click the Green Play button in Visual Studio marked either as your browser name (e.g. Chrome) or IIS Express.
  6. Voila!

We are sorry for the inconvenience caused. If you get stuck or have some questions or suggestions, please open an issue in the appropriate repository or drop me an email at [email protected] . Thank you.


devBanner Front-end repository (WEB)

Responsive front-end in development. If you can contribute, please make a PR. We appreciate it.


Create your own banner now! https://devbanner.center


About

devBanner is a collaboration project first started in devRant. It's aimed at creating personalized banners for everyone without using photo manipulation software. It currently creates personalized banners including your own subtext for devRant members using the devRant API.

Current Features

  • Your own subtext. You can write some lengthy subtext as well!
  • Lightweight. Almost all banners are under 500KB, so no problem downloading and using anywhere!
  • Banner size selection

Upcoming Features

  • Improved banner designs
  • Wallpaper support

I want one!

Looks like you are interested in creating your own banner, aren't you?

Well, it is easier than you think.

  1. Open up your FAVORITE browser.
  2. Head up to https://devbanner.center .
  3. You will be greeted by the new beautiful, colorful frontend by Skayo.
  4. Fill in the form. You just have to type your devRant username and your own subtext. You can even write some nerd-y subtexts. (But we don't support xalgo..... Sorry)
  5. After a few seconds, the generated banner will appear below. Press the download button. (In older browsers, it may open in another tab. To save, right-click and click Save As... button)
  6. Use it everywhere!

(Based on the frontend in 10th Jan 2018)

(Non-paid) Hire

We are looking for a front-end developer who can improve the overall designs and responsibility of our current frontend. Please join the Gitter Chat by clicking the Chat on Gitter button above.

Useful Links

https://devbanner.center - Create your own devRant banner here
https://github.com/devBanner/devBanner_Frontend - Front-end development repository
https://github.com/devBanner/devBanner - Back-end development repository
https://gitter.im/devbanner/Lobby?utm_source=share-link&utm_medium=link&utm_campaign=share-link - Gitter chat
[email protected] - Contact me directly

Credits (Front-end)

  • Contributors

  • devRant API

  • And many others who provides suggestions. Thanks!

Other implementations by devRant users

https://gist.github.com/alberto98fx/f90d29cfaf8013aa0de44e7dbe6e6fef - JS with Canvas