https://github.com/gursimrxn/gdsc-redesign

This is a UI redesign of GDSC CUIET website.
https://github.com/gursimrxn/gdsc-redesign

Last synced: 18 days ago
JSON representation

This is a UI redesign of GDSC CUIET website.

• Host: GitHub
• URL: https://github.com/gursimrxn/gdsc-redesign
• Owner: Gursimrxn
• Created: 2024-07-29T14:36:17.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-08-25T09:20:21.000Z (3 months ago)
• Last Synced: 2024-08-25T10:28:22.558Z (3 months ago)
• Language: CSS
• Homepage: https://gdsc-cuiet-redesign.vercel.app
• Size: 982 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# GDSC Redesign

This project showcases the redesign of the Google Developer Student Clubs (GDSC) website. It includes modern design elements and animations to enhance user experience and visual appeal.

## Key Features

- **Custom Cursor**: Unique cursor design that enhances user interaction.

- **Smooth Scrolling**: Elegant smooth scroll effects for in-page navigation.

- **Navigation Bar**: Dynamic background change and shadow effects on scroll.

- **Dark Mode Toggle**: Option to switch between light and dark themes.

- **Responsive Mobile Menu**: Accessible menu for mobile devices.

- **Section Animations**: Smooth entrance animations for various sections.

- **Team Card Animations**: Staggered entrance animations for team cards to highlight individual members.

## What I Learned

- **Advanced Animations**: Implementing smooth and dynamic animations using CSS and JavaScript.

- **Intersection Observer API**: Using this API for efficient and performant element visibility detection.

- **Responsive Design**: Ensuring the website performs well across different devices and screen sizes.

- **Custom Cursor Implementation**: Creating a custom cursor for enhanced user interaction.

- **Dark Mode Integration**: Implementing a toggle switch for dark mode and managing theme changes.

## Installation

1. **Clone the Repository**

    ```bash

    git clone https://github.com/your-username/gdsc-redesign.git

    cd gdsc-redesign

    ```

2. **Open in Browser**

    Open the `index.html` file in your browser to view the redesigned website.

## Contribution

Contributions are welcome! Please fork the repository and submit pull requests for improvements or new features.