Giter VIP home page Giter VIP logo

dhruva's People

Contributors

alwinseb01 avatar anshu1882000 avatar bindalsarthak03 avatar charles-vj avatar faiz-hasan11 avatar getpsyched6 avatar ishaan5199 avatar jaswanthpallavolu avatar joshi008 avatar nikhil9302 avatar prasanna28devadiga avatar railokesh avatar shashank1503-cipher avatar starwiz-7 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

dhruva's Issues

Events page

Is your feature request related to a problem? Please describe.
Initial website build

Describe the solution you'd like
Events page (reference teams page)

  • Card for each event
  • Date and time instead of social link container(as in teams page card)
  • Clickable card which redirects onClick

Additional context
Refer to teams page for design.

Team Page Build

Is your feature request related to a problem? Please describe.
No, its the initial website building part.

Describe the solution you'd like
Team Page:

  • Card of each team member
  • Responsive, card 1 below another in mobile view.
  • Add this page on the url/team
    image

Describe alternatives you've considered
Discuss the design alternatives with designers and project maintainers.

Additional context
Design at https://www.figma.com/file/4a8ZglxR98YOEQpmXu93Ng/Dhruva-team-library?node-id=0%3A1

Menu close icon scrolling

Describe the bug
While opening the menu in mobile screen view, we can scroll the background i.e landing page. The close icon also scrolls above thus it's not visible.

To Reproduce
Steps to reproduce the behavior:

  1. Go to the Landing page
  2. Click on hamburger menu
  3. Scroll down.
  4. One can see that close icon is not visible

Expected behavior
The close icon should be fixed and should not scroll down.

Screenshots
iss1

Smartphone (please complete the following information):

  • OS: Android/iOS
  • Browser: Chrome, Firefox, Brave

Additional context
Suggestions:

  1. Make the close icon fixed
  2. Make a separate page for the menu and make the background opaque

404 Not found Page Creation on wrong url

Is your feature request related to a problem? Please describe.
No, its the initial website building part.

Describe the solution you'd like
404 not found page:

  • Find out some good illustrations for our 404 page
  • Make sure that the theme of the web page is maintained.
  • 404 page should be rendered when the url does not exists in our directory, or we have no page to be rendered for it.

Describe alternatives you've considered
Discuss the design alternatives with designers and project maintainers.

Additional context
Design at https://www.figma.com/file/4a8ZglxR98YOEQpmXu93Ng/Dhruva-team-library?node-id=0%3A1

Landing Page - Section 4 - Timeline of dhruva event (All events page)

Is your feature request related to a problem? Please describe.
No, its the initial website building part.

Describe the solution you'd like
Section-4 of the Landing Page:

  • Replicate the design in the figma file as close as possible.
  • On click of Day 1,2 ,3, user should see the specific events assigned for that day.
  • Brainstorm ways in which we could include poster as well here. (if possible)
  • Border color around the Day 1 div should be lit only when it is selected, hence maintain a state for it.

Describe alternatives you've considered
Discuss any alternatives for design with project maintainers and designer.

Additional context
Prototype: https://www.figma.com/proto/4a8ZglxR98YOEQpmXu93Ng/Dhruva-team-library?page-id=0%3A1&node-id=312%3A18&viewport=241%2C48%2C0.2&scaling=min-zoom

Landing Page - Section 2 - What is Dhruva? Dates and Timer

Is your feature request related to a problem? Please describe.
No, its the initial website building part.

Describe the solution you'd like
Section-2 of the Landing Page:

  • Coordinate with Trendles and brainstorm for what is dhruva statement.
  • Make a design for About us button
  • Dates of dhruva and design for it
  • Design the timer for the website and make it work for the opening date of the event as well as make sure how it will look when the event has already started.

Describe alternatives you've considered
Discuss the button design and its alternatives with your project maintainers.

Additional context
Prototype: https://www.figma.com/proto/4a8ZglxR98YOEQpmXu93Ng/Dhruva-team-library?page-id=0%3A1&node-id=312%3A18&viewport=241%2C48%2C0.2&scaling=min-zoom

Hamburger Open area not covering full screen and Content not alligned

Describe the bug
Hamburger Open area not covering full screen

Expected behavior
The hamburger open tray should go full screen along with links in the middle of the screen and there should a slight darker background in the overlay of menu. Also the links are not correctly attached to some of the menu items.
All the menu items should be alligned in the center of the screen.
And the background should not be scrollable while menu is opened.

Screenshots
image

Desktop (please complete the following information):

  • OS: windows
  • Browser : chrome

Landing Page - Section 7 - Footer

Is your feature request related to a problem? Please describe.
No, its the initial website building part.

Describe the solution you'd like
Section-7 of the Landing Page:

  • Replicate the footer design as in figma file.
  • Direct user to iiitkottayam social handels for the testing period.

Describe alternatives you've considered
Discuss the design alternatives with designers and project maintainers.

Additional context
Prototype: https://www.figma.com/proto/4a8ZglxR98YOEQpmXu93Ng/Dhruva-team-library?page-id=0%3A1&node-id=312%3A18&viewport=241%2C48%2C0.2&scaling=min-zoom

Landing Page - Section 6 - Want to be a sponsor & FAQ section

Is your feature request related to a problem? Please describe.
No, its the initial website building part.

Describe the solution you'd like
Section-6 of the Landing Page:

  • Button about us in section 2 issue is build. Try to take it from there if built, or make your own.
  • Replicate the chat FAQ as close as possible.
  • Make sure that the FAQs are responsive for mobile version as well.

Describe alternatives you've considered
Discuss the design alternatives with designers and project maintainers.

Additional context
Prototype: https://www.figma.com/proto/4a8ZglxR98YOEQpmXu93Ng/Dhruva-team-library?page-id=0%3A1&node-id=312%3A18&viewport=241%2C48%2C0.2&scaling=min-zoom

White spaced border after closing Hamburger in Navbar (Mobile view)

Describe the bug
There is a white space once we open and close the hamburger in the mobile view. This white space would go awat once we scroll down.

To Reproduce
Steps to reproduce the behavior:

  1. Go to 'our preview build website at https://dhruva-nextjs-mu6loruwl-dhruva-team.vercel.app/ ' in mobile view
  2. Click on 'hamburger'
  3. See the white space in the right side of the page.

Expected behavior
There should not be a white border in the right side.

Screenshots
WhatsApp Image 2021-09-05 at 4 28 46 PM

Desktop (please complete the following information):

  • OS: Android
  • Browser Chrome

Smartphone (please complete the following information):

  • Device: Any device

Landing Page - Section 3.5 - Speakers section

Is your feature request related to a problem? Please describe.
No, its the initial website building part.

Describe the solution you'd like
Section-3.5:

  • Design needs improvement as the image of one speaker is visible at a gance which would be bad for a first time viewer.
  • Coordinate with designer for a new design
  • Implement all the designs with the current color scheme and fot styling of the figma.

Describe alternatives you've considered
Discuss the design and its alternatives with your project maintainers and the designing team.

Attendees & Speakers introduction section

Is your feature request related to a problem? Please describe.
No, its the initial website building part.

Describe the solution you'd like
Attendees and speaker glimpse section:

  • The section is half build in the figma file as displayed under.
    image

  • The whole section inspiration is taken from https://www.experiencewelcome.com/

  • This section would be the breif of whole technical fest and what all would be happening in it.

  • Try to accumulate the animation with images as close as possible and make this section exact replica of https://www.experiencewelcome.com/ section.

Describe alternatives you've considered
Discuss the design alternatives with designers and project maintainers.

Additional context
Design at https://www.figma.com/file/4a8ZglxR98YOEQpmXu93Ng/Dhruva-team-library?node-id=0%3A1

Landing Page - Section 5 - Prizes and Sponsors

Is your feature request related to a problem? Please describe.
No, its the initial website building part.

Describe the solution you'd like
Section-5 of the Landing Page:

  • Choose a gradient style of the background.
  • Make grid or anything you like for the prizes and sponsors in the prototype.
  • Make sure the website is responsive and the grids fall back to one over another in mobile view.

Describe alternatives you've considered
Discuss the design alternatives with project maintainers and designers.

Additional context
Prototype: https://www.figma.com/proto/4a8ZglxR98YOEQpmXu93Ng/Dhruva-team-library?page-id=0%3A1&node-id=312%3A18&viewport=241%2C48%2C0.2&scaling=min-zoom

Landing Page - Section 1 - First visual element

Is your feature request related to a problem? Please describe.
No, its the initial website building part.

Describe the solution you'd like
Section-1 of the Landing Page:

  • A good title of the section by using your brainstorming or coordinating with trendles to come up with some catchy line to grab the first view attention of the website.
  • Subtitle of the webpage, nice and catchy.
  • Register and join discord button
  • Socials icon for instagram, twitter, facebook, email

Describe alternatives you've considered

  • We could make the background more expressive, and have good image as well.

Additional context
Prototype: https://www.figma.com/proto/4a8ZglxR98YOEQpmXu93Ng/Dhruva-team-library?page-id=0%3A1&node-id=312%3A18&viewport=241%2C48%2C0.2&scaling=min-zoom

Event Specific Page

Is your feature request related to a problem? Please describe.
No, its the initial website building part.

Describe the solution you'd like
Events specific page:

  • Event title and poster. Then Register button design take it from already built design in accessories folder.
  • Details and rules about the eventalong with date and time
  • Then comes the organiser section and judges section.
    image

Describe alternatives you've considered
Discuss the design alternatives with designers and project maintainers.

Additional context
Prototype: https://www.figma.com/proto/4a8ZglxR98YOEQpmXu93Ng/Dhruva-team-library?page-id=0%3A1&node-id=948%3A51&viewport=241%2C48%2C0.2&scaling=min-zoom

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.