atc-developers/e-library

Django based web app providing E-library features

e-library's Issues

Show loading screen while loading

When we load any page then rather than showing any incomplete data we need to show loading screen first, which will be empty with just 1 loading animation, once every component is fetched then show the homepage.

This needs to be implemented from frontend side and implement this feature in homepage only which is index.html for now.

If you are working on this issue then please comment below

Come up with new loading animation

You will heavily work on javascript/css. We don't want copy paste work, come up with something original and good. Once done we will implement this animation in #9 issue.

Once done just create one dummy html file in templates folder. While making PR please show your output in codepen or any JSfiddle.

If you are working on this issue then please comment below

Create Basic Structure of Homepage

You just need to add 1 navigation bar, 1 header with sample image and any random content on middle.

Note: Footer is not included with this issue

What you need to know ?

1. Make use of MaterializeCSS to create homepage, no bootstrap
2. Use grid for better use of display
3. No copy paste templates are allowed

In case if you want to work on this issue then comment below

Create Homepage Footer

Footer needs to be simple, materialistic and with proper color combination.

I strongly recommend someone to take help from different sites. Go to stackoverflow, github or any famous websites and take notes of their footer. See how it is made and replicate them or maybe create your own.
If new to materializecss then you need not to complicate anything, just implement simple footer feature and later we can enhance it.

How to do ?

Use MaterializeCSS (Important) and take helps of their components which are available. Again the version of MaterializeCSS will be 0.100.2

Link: http://archives.materializecss.com/0.100.2/

Note: Make sure you comment if you are working on this.

Redirect incorrect URLs to 404 error page

Your task is simple but needs to be implement from Django side, if url is not matched with given set then redirect that url to one 404.html page which shows error. You need not to work on styling, just focus on Django part.

If you are working on this issue then please comment below

Getting started with Github on this Project

To all new comers, your task is pretty simple. You need to fork this repository, clone it to your machine and then add your name in file CONTRIBUTION_NAME.md

Example:

In case if you want to see video that how I did mine then:
Link: https://youtu.be/RuHBGFL09zg

While making PR make sure you reference this issue in your description of PR, like #<some_number> resolved. Looking forward for your response.

Create Contribution page with simple template

Task is pretty simple and requires understanding of Django. If you are new to Django and want to contribute then this issue is for you.

1. Edit urls.py in Django so that server can accept .../contribution url
2. Make sure that /contribution must lead to new html which will be contribution.html
3. No html/css needs to be there for now, just add simple styling and add your name on that.

Purpose ?

So that anyone can view that page and knows who have contributed on this project with their name.
In case if you want to work on this issue then comment below

Error 404 page template for styling

Create one 404 page and show your creativity with awesome styling by using MaterializeCSS or Javascript or any library but it needs to be your own code not copy paste.

Where to put ?

You need to have your template at templates folder where all the html files are there.
If you are working on this issue then please comment below

Create Contribution Page Templates with Styling

This issue is related to #2
Once that will be resolved then next task is to add styling by making use of HTML and CSS. Javascript is also acceptable if you have knowledge.

What you need to do ?

1. Make use of grid to have proper structure
2. Show 1 image and then at bottom show their name (right now use dummy name and dummy photos, later we will add the details)

Purpose ?

To show who have contributed on this project with their photo and name.
In case if you want to work on this issue then comment below