Git Product home page Git Product logo

pictionary's People

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

pictionary's Issues

Add Birds to the bird gallery

๐Ÿš€ Feature

A clear and concise description of what the feature is.

Add a page for birds gallery in the file-tree and continue with it.

Create card template and populate with data of common birds.

Requirements: Common Name, Scientific Name, Distribution, Description, Food habits

Common Name

Design card-like format with smooth edges loosely based on above sketch.

Grammatical errors

Describe the Bug ๐Ÿ›

It is a simple bug anyone can notice and resolve. There is a potential spelling error in the About Us Page

To Reproduce
Steps to reproduce the behavior:

  1. Go to About Us in the NavBar
  2. In the Who Are We? section check out for potential errors

Expected behavior
Spelling mistakes are to be taken care of, some more gramatical mistakes eeds to be fixed

Screenshots
image

Desktop (please complete the following information):

  • OS: [MacBook Air]
  • Browser [Chrome]
  • Version [97.0.4692.99]

Corners of the cards are not properly curved.

The gallery cards are not responsive and centered ๐Ÿ›

When we go to the gallery section we can find that the cards are not centered properly.

To Reproduce
Steps to reproduce the behavior:

  1. Go to 'Website'
  2. Click on 'Gallery'
  3. You can see that the gallery cards are not curved properly.

Expected behavior
all the cards should have a proper border radius on each edge.

Screenshots
Screenshot (619)

Desktop:

  • OS: Windows 10
  • Browser: Chrome
  • Version: Version 94.0.4606.61 (Official Build) (64-bit)

Additional context
Please assign me this task under hacktober fest 2021 so that I can resolve this issue ASAP.

add search bar and sorting options to display pokemon function

๐Ÿš€ Feature

Adding sorting and searching functionality to fetched Pokemons list

The solution and the outcome
I will add sorting and searching functions in pokemon display page, which can later be easily reused for other display pages!

Current problem
We are only fetching 1-150 pokemons but adding a search and sorting filter is a nice upgrade, i think.

Fetch all contributors in contributors page

Describe the Bug ๐Ÿ›

A clear and concise description of what the bug is
The contributors Page is showing only 30 contributors instead of 33.

Fetch all pages from the github API

Suggest a new Card design for contributors feature page!

๐Ÿš€ Feature

Design (No coding involved)
Suggest a good design for the contributors card,
you can check out the current layout from

Contributors Page

I am looking forward to automate the contributors page using Github API, so
I would like a simple yet concise card design.

Here's the APIs, so you may decide what all data can be presented and how they will be presented in your design.

Suggested Keeps

  • username
  • avatar
  • profile link (hover click button)
  • followers count
  • contributions made (to our repo)

Go creative with the design!
Looking forward to Light and Dark Modes, as we will be also getting our themes revamped soon enough!

The APIs (for reference only) :
https://api.github.com/users/{username} [ personal profile data ]
https://api.github.com/repos/{org}/{repo-name}/contributors [ contributors API ]

USAGE : 
https://api.github.com/users/code-soham
https://api.github.com/repos/gdscjgec/Pictionary/contributors

NOTE to mentees :
Once done, we would be looking forward with the coding part , so stay tuned !

Implement the Contributors Card Design

๐Ÿš€ Feature

Actuate the card design for contributors page

Steps to access the design :

Go to designs/Figma Card Design
View the design file
Replicate it and replace the existing card design

No need to populate with actual data.

Relink the Navigation links to Correct pages

Describe the Bug ๐Ÿ›

A clear and concise description of what the bug is

To Reproduce
Steps to reproduce the behavior:
(for larger screens only)

  1. Go to 'Navbar'
  2. Click on 'Home Button'
  3. See error

Expected behavior
Pictionary home screen appears

Desktop (please complete the following information):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Smartphone (please complete the following information):
//not applicable

Nav-Links open in new tabs

Describe the Bug ๐Ÿ›

A clear and concise description of what the bug is

To Reproduce
Steps to reproduce the behavior:

  1. Go to '.Homepage'
  2. Click on any link
  3. See error

Expected behavior
Opening multiple tabs is hectic and unnecessary as we're already working on a functional navbar. So I'd like it to not prompt new tabs to open.

About Section Not Aligned Properly in Low-Width Screens

Describe the Bug ๐Ÿ›

When you are on mobile device, you can see the header of the About page is not aligned properly which leads to ambiguity.
Also, the lower sections of the about page has got some extra padding and needs a fix.

To Reproduce

Steps to reproduce the behavior:

  1. Go to About Page
  2. Right Click > Then Inspect
  3. See error (Attached the screenshot below, for reference)

Expected Behavior
The items should be aligned properly and it should be less-padded.

Screenshot
unrespabt

Smartphone

  • Device: Vivo Y-15
  • OS: Android
  • Browser: Google Chrome
  • Version: Android 11

Additional context
I would like to fix this.
Do assign me to this so that I can start working as soon as possible.
Thanks! ๐Ÿ˜€

Add Hamburger Menu to gallery and Contributors pages

Describe the Bug ๐Ÿ›

the hamburger menu in those pages arent functional

To Reproduce
Steps to reproduce the behavior:

  1. Go to 'Gallery'
  2. Click on 'Dropdown'
  3. See error

Expected behavior
Dropdown menu should appear with links
Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context
Add any other context about the problem here.

Footer is not responsive

A Clear and Concise Description of What the Bug is
The footer of the website is not responsive.
When the screen size shrinks, it looks quite ugly.

To Reproduce

  1. Go to the Website
  2. Scroll down to the bottom where the footer is
  3. Right Click > Then Inspect
  4. It's Clearly visible that it's not responsive
    (Also attached the screenshot below)

Expected Behavior
The items of the footer should be aligned properly.

Screenshots
WhatsApp Image 2021-10-06 at 00 30 39

Smartphone (please complete the following information):

  • Device: Vivo Y-15
  • OS: Android
  • Browser: Google Chrome
  • Version: Android 11

Additional context
Please assign me to this issue so that I can start working on this as soon as possible.
Thanks! ๐Ÿ˜€

Remove the darkmode and clean the code

Describe the Bug ๐Ÿ›

Remove the darkmode functionality and clean the code
A clear and concise description of what the bug is
Darkmode on the website is not working properly.If we enable dark mode the colors get inverted
To Reproduce
Steps to reproduce the behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context
Add any other context about the problem here.

Background

๐Ÿš€ Feature

Add backgrounds to the pages

Create and incorporate SVG or any format of background that would suit well with the website.

Font family mismatch

Describe the Bug ๐Ÿ›

I don't know if it really matters or not but the font family used in body and footer seems mismatch

Expected behavior
Please have a look if we shall keep it as it is or change to one

Screenshots

Screenshot_2022-02-08-11-39-16-00_40deb401b9ffe8e1df2f1cc5ba480b12

a hamburger menu could be enabled to enhance the UI enclosing the 4 links

๐Ÿš€ Feature

A clear and concise description of what the feature is.

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Basic navbar

๐Ÿš€ Feature

Design the navigation bar

Basic Navbar using html and vanilla css

Creating a favicon for the website

๐Ÿš€ Feature

This feature helps the tab to stand out among other tabs in the web browser. Also most of the good websites have one.

Is your feature request related to a problem? Please describe.
It is not a problem not to have one but i a good practice

Describe the solution you'd like
May be resized and smaller version of the logo or creation of an icon with the initial letter would do fine.

Add Pokemons to the pokemon gallery

๐Ÿš€ Feature

Displaying the original 151 pokemon using the free poke API. I would like to create an image template displaying the name and the abilities of the pokemon.

Add site logo to navbar

๐Ÿš€ Feature

The logo should be placed on the navbar (left corner) and also incorporated into the hamburger menu (centered)
The logo can be taken from the README.md file on this repository.

Make sure to review the responsiveness of the navbar after the integration.

The gallery cards are not responsive and centered

The gallery cards are not responsive and centered ๐Ÿ›

When we go to the gallery section we can find that the cards are not centered properly.

To Reproduce
Steps to reproduce the behavior:

  1. Go to 'Website'
  2. Click on 'Gallery'
  3. You can see that the gallery cards are not centered properly within the window.

Expected behavior
all the cards should be aligned to the center.

Screenshots
Screenshot (619)

Desktop:

  • OS: Windows 10
  • Browser: Chrome
  • Version: Version 94.0.4606.61 (Official Build) (64-bit)

Additional context
Please assign me this task under hacktober fest 2021 so that I can resolve this issue ASAP.

Dark Mode feature

๐Ÿš€ Feature

A clear and concise description of what the feature is.
Adding dark mode feature to the web page

Is your feature request related to a problem? Please describe.
Everybody prefers dark mode when comes to website

Describe the solution you'd like
I would like to add a new feature, Dark mode.
Please assign this to me. So i can start working

Add CONTRIBUTORS.MD

๐Ÿ“š Documentation

###Incorporate a contributors.md page to list contributions for future PRs ###

Helps to keep track and give the credit contributors deserve.

Basic Structure :
Heading
Contributors:
Name, Github-link, Contribution-specifics

Navbar logo and navbar item links are faulty

Describe the Bug ๐Ÿ›

A clear and concise description of what the bug is
On clicking Pictionary logo as well as the home button, the page doesn't reload to index.html, thereby giving a faulty page.

To Reproduce
Steps to reproduce the behavior:

  1. Go to navbar on the first page.
  2. Click on 'Home' or 'Pictionary' logo.
  3. See faulty page opens with a message.
  4. Also you are unable to navigate from gallery page to about page and vice versa

Expected behavior
Navigation from one page to another should be possible.

Issue screenshots similar to this
image

Desktop (please complete the following information):

  • OS: Windows 10
  • Browser : Chrome

Revamp the existing Navigation Bar

๐Ÿš€ Feature

Revamp existing navigation bar

Navbar should have the basic items , a branding logo (left) , and the menu options on the right.
Create a responsive dropdown for the Navbar, on smallest viewports with same functionality.

Not mobile responsive

Describe the Bug ๐Ÿ›

The card used here is not mobile responsive as you can see in the below screenshot. Also the number of contributors is shown as 0

Screenshots

Screenshot_2022-02-08-11-52-41-43_40deb401b9ffe8e1df2f1cc5ba480b12

A footer for the website

๐Ÿš€ Feature

Adding a simple footer at least might make the website look complete.

Describe the solution you'd like
A footer with links to the main repo and links to different parts of the website.

Theming

๐Ÿš€ Feature

Theme the Website uniformly across all existing pages.

All the pages should be redesigned to have a light and a dark mode, that can be switched by the client.

Solution I'd like
You may use global parent class definition to dynamically switch between CSS classes.
You may even implement SCSS if needed.

Alternatives I've considered
Go creative!

P.S. theming is key ๐Ÿ˜‰

Add Landing page content

๐Ÿš€ Feature

Add description of the website (introduction) and misc. data about its work

Modifying the Landing page

๐Ÿš€ Feature

change ui design for home page
Adding some Styles to the page using CSS and a digital clock to the footer.
want to make the page responsive
Rectify the overlaps..

Adding a navigation bar to the all page so that the user can directly go back to the home page...

About Page

๐Ÿš€ Feature

A clean minimalistic about page.

Is your feature request related to a problem? Please describe.
Nil

Describe the solution you'd like
Hello, i am Tamal from GDSC JGEC I would like to add a clean and minimalistic about page for the site.

Describe alternatives you've considered
Nil

Additional context
Nil.

Clicking on 'home' link on main page broken.

Clicking on "home" link in the top nav bar is broken.

Upon clicking the link it redirects to an error page indicating "Cannot GET /index.html"

To Reproduce
Steps to reproduce the behavior:

  1. Go to home page
  2. Click on 'Home'
  3. See error

Expected behavior
Should just re-open home page

Screenshots
[https://imgur.com/a/KGw7L5x]

Prettify the Gallery Overview Page

๐Ÿš€ Feature

###Add life to the gallery!

The gallery overview will contain the different topics/categories the our pictionary will consist of.
It should contain a list of topics each of which leads to the respective topic page(to be added on the go , in its suitable position in directory).

Populating the cards with actual data

Describe the Bug ๐Ÿ›

The cards doesn't show their proper description instead contains default text.
Screenshot 2022-02-01 102308

To Reproduce
Steps to reproduce the behavior:

  1. Go to 'Home'
  2. Click on 'Gallery'
  3. Scroll down to 'Cards'
  4. Click on the cards
  5. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context
Add any other context about the problem here.

Add Dogs to dog gallery

๐Ÿš€ Feature

Add a Dogs page in file-tree with card template and info regarding common dogs.

Add new cards

๐Ÿš€ Feature

Feature Aim
Add new cards to the Gallery page

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.