coffeewithdevs/codewithus

Code with Us is an Organisation for university students who want to bring about a change through technology. We are focused upon building technical and non-technical skills, which would help students to build a better community

codewithus's Issues

Design A Favicon For The Title

Presently there is no favicon to the website, add a designed favicon to the website
also, add a live link/screenshot for better reviewing

Add validation to "Contact Us" form

Add validation to "Contact Us" form

Make Navbar Responsive

As seen the navbar is not responsive for small screens

Your task is to make the navbar responsive for mobile devices as well
You may try for Hamburger navbar

PS: Provide a live link/screenshot, as it is very convenient to us for review

Redesign custom scrollbar

The current custom scrollbar looks dull 😞
Your task is to redesign it 😃

• Remove border
• Make width small
• Hide scrollbar for mobile devices

Create a GET STARTED Button

Your task is to create a "GET STARTED" button in the showcase which will redirect to the main repo (https://github.com/CoffeeWithDevs/CodeWithUs/)
Also, the link must be opened in a new tab

Add content to the teams page

The teams page is currently empty

Make site Mobile Responsive

Currently, the site is not mobile responsive. Your task to make the site responsive for mobile devices as well

Fix the Color Of Menu Items In Hamburger View

##screenshot

As we can see in the hamburger view, on hovering over a selected menu item of the navbar it's text becomes invisible , fix this bug

Add Your Details in contribution folder

First, you have to add your details to the contribution folder.
You have to create a separate JSON file named as kumarmanish03.json ('kumarmanish03' should be replaced with your Github username)
The sample format of the JSON file is:-

{
  "name": "Manish",
  "imageurl": "https://avatars.githubusercontent.com/kumarmanish03",
  "about": "Hey, I am a 2nd Undergraduate at IIIT Allahabad. I love to learn Web Development",
  "facebook": "https://www.facebook.com/profile.php?id=100009172781875",
  "github": "https://github.com/kumarmanish03"
}

Contact Section going out of block!

Please fix form elements so that they can attain a suitable width according to the viewport, and make them responsive as well.

Add a Responsive Footer To The Home Page

Presently There Is dull Footer In the Home Page, Add A Custom Styled Footer to the Home Page
Add A Live Link/ Screenshots For better reviewing

Add a custom scroll bar

The default scrollbar is getting in the way of the overall theme. They need to be customized.
Your task to create a custom scrollbar for the site

Footer

The footer is in the way and takes up most the page.

Redesign the profile page

Your task is to redesign the profile page
Note: profile page asks for username parameter, you may go to the profile page of a user on clicking profile button in the participants' section

Design a landscape profile of height 100vh, user image should be on the left side and its details on the right side

Currently, the profile page looks like:

Add a 'Scroll to top button"

You have to add a scroll to top button, It should be on the bottom right of the site.
Make sure the button should only visible when I am scrolled down, not when I am already at the top. Also, you'll have to use javascript or something so that when I click the button, it actually visibly scrolls to the top, instead of just snapping to the top.

Add a Night Toggle Button

Add a button that lets you toggle between Night Mode and the current color scheme.
Also, make sure the toggle button is not too big and distracting, it should be a small icon in the top right.

For more, you may refer to:
https://www.w3schools.com/howto/howto_js_toggle_dark_mode.asp
https://www.w3schools.com/howto/howto_css_switch.asp

Design Logo for Organisation

As seen there is no logo on the website. Your task is to design a logo which is matching with the theme of the website.
Add your logo to the logo folder name as username.jpg (username should be replaced with your Github username)
To design a logo you may try: https://www.designer.io/en/ (However you may try any editor)
This issue would open for all and the Best logo will be chosen at the end.

The sample logo is:
NOTE: This is only a sample logo, you have to design your own logo to get merged

Menubar layout changing size when mouse hover

Menu-bar layout changing size when mouse hover in project page.

steps to reproduce:

1. Go to https://coffeewithdevs.github.io/CodeWithUs/index.html
2. Click on "Projects"
3. mouse hover on the top menubar

Add a preloader to the website

Your task is to add a preloader to the website. You may motivate by this example: http://geekhaven.github.io/Geektoberfest-Main/
Preloader maybe gif, png, but make sure it is transparent
NOTE: Choose any preloader but make sure it is cool 😄