gdscjgec / gdscjgec.github.io

Official Website for GDSC JGEC

GDSC JGEC Website

Table of Contents

1. About The Project
   • Built With
   • File Structure
   • Before You Start
2. Getting Started
3. Roadmap
4. License
5. Contact

About The Project

This is the first time we have GDSC in JGEC. Hence we will be building our official website to showcase all that awesome stuff that GDSC will be doing in future. This is a beginner friendly project and we hope to build an amazing website from scratch.

Built With

The tech stack we will be using:

• HTML
• CSS
• JavaScript
• Bootstrap

File Structure

  ├── assets/
        ├──img/               contains all images (don't use caps or space in file name).
        ├──ui/                contains ui's.
        ├──logo(png,svg)      contains the logo in (png,svg).
        ├──opengraph
  ├── css/
        ├──settings.css       all the default styling settings.
        ├──(all css files)    all other css files for pages.
  ├── js/
        ├──script.js          all the scripts/functions for website.
  ├── pages/
        ├──(all pages)        all pages of website.
  ├── index.html              main page of the website.

Before You Start

• Always maintain the file format & folder structure.
• Maintain proper file names (i.e, for images).
• Don't use capital or spaces for files names instead use _ or -.

---

Getting Started

Below are the steps to follow to contribute to this project:

1. Fork this repository.

2. Clone your forked copy of the project.

git clone https://github.com/<your_user_name>/gdscjgec.github.io.git

where your_user_name is your GitHub username.

3. Navigate to the project directory 📁 .

cd gdscjgec.github.io

4. Add a reference(remote) to the original repository.

git remote add upstream https://github.com/gdscjgec/gdscjgec.github.io.git

5. Check the remotes for this repository.

git remote -v

6. Always take a pull from the upstream repository to your main branch to keep it at par with the main project(updated repository).

git pull upstream main

7. Create a new branch.

git checkout -b <your_branch_name>

8. Make necessary changes and commit those changes

9. Track your changes.

git add .

10. Commit your changes .

git commit -m "Commit message"

11. Push the committed changes in your feature branch to your remote repo.

git push -u origin <your_branch_name>

12. To create a pull request, click on compare and pull requests. Please ensure you compare your feature branch to the desired branch of the repo you are suppose to make a PR to.

13. Add appropriate title and description to your pull request explaining your changes and efforts done.

14. Click on Create Pull Request.

15. And you are done creating a pull request to this project. Be patient while we review your code and merge the changes.

Roadmap

See the open issues for a list of proposed features (and known issues).

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Mail us at - [email protected]

gdscjgec.github.io's Issues

Make a contact us page

🚀 Feature

Make a contact us page. Add the socials of GDSC and also add a contact form.

Add a Projects Page

🚀 Feature

A Project page that will include all our projects from Github or any extra.

Try to use the default options we provided:

• For colors & fonts must have a look in settings.css in the CSS directory.
• Create different files for the project page, i.e, css project.css & html project.html.
• Maintain the files & folder structure properly.

Modification of Navbar

Modification

1. Need some beautiful modification in UI of navbar.
2. Some animation is listed below.

Add especially these features:

• Proper color, fonts, background color etc.
• We added all variables in settings.css, try to use them.
• Highlight the active link for each page.

Requested Animations:

• Menu Toggle Animation (Eg: Hamburger / Candy / Kebab / Fries).
• Dropdown animation for menu nav links for smaller devices.

Improve the navbar UI

🚀 Feature

Improve the navbar UI and make it more minimalistic.

Revamp the Events Page

🚀 Feature

A clear and concise description of what the feature is.
The current Events Page isn't looking good and has some bugs. Need to revamp it with the overall color and design of the whole website.

Enhance home page

🚀 Feature

• Add a description about GDSC that helps people understand what to expect from it and why they should join it.
• Add a button to become the member and network with the ever-growing community.

Create a footer

🚀 Feature

Make a footer with all relevant details. Make sure that it is responsive

Enhance the contact us page .

Describe the Bug 🐛

*Make it compatible for all size (manage the box sizing)

*Try enhancing the input field style, send button style.
*Can also try something else that enhances the page (ps no change in background color)

Make a team page

🚀 Feature

Make a page featuring all the team members of GDSC JGEC. Make separate sections for core and extended core team members. The colour theme should align with the brand colours of google.

Add a landing page

🚀 Feature

Create a landing page from which we will redirect to home page.

Note:

• Maintain all files in a good sequence.
• And beautiful landing page.

Make an events page

🚀 Feature

Create a events page where we can showcase aur of events done in GDSC JGEC .

Create a navbar

🚀 Feature

Design a responsive navbar for the website. You may use bootstrap for the same. Make sure the colours align with the Google colour theme. We need to include home, events, blogs, team, contact us in the navbar.

Make an about page

🚀 Feature

Make an about page.

Integrating the nav bar

I would like to integrate the navbar with all other pages. ie. events, blogs, team, contact us page. (Am a member of GDSC JGEC)

Intro section of home page

🚀 Feature

**Want to create a Home Page Banner **

Propose a UI design for Home page

🚀 Feature

Design a User Interface for the Home page of GDSC JGEC in Figma or Adobe XD.

Seo Optimisation for the Site

🚀 Feature

Optimise the site for better performance & ranking!

• Just add all kinds of meta tags, favicon, titles, the theme color for each page for proper view in Head.
• Proper documentation & comments for each section in Body.
• Link all CSS & JS files in proper sequence according to preference in Head.

Minor Styling issues in the Events Page

Describe the Bug 🐛

A clear and concise description of what the bug is:
There are some styling issues on the events page due to the subsequent merging of the pull requests #40 #42

To Reproduce:
Steps to reproduce the behavior:

1. Go to events page

You will see some styling issues for the events cards.

@imniladri please look into this