/campusfest

Primary LanguageCSS

College Event Website-CAMPUSFEST

A sleek, modern website for a college event that showcases an event schedule, registration form, and other important information. We are actively looking for contributors to enhance the UI/UX, add new features, and improve the website's overall functionality!

Table of Contents

  1. Project Overview
  2. Features
  3. Technologies Used
  4. Getting Started
  5. Contributing
  6. Issues
  7. License

Project Overview

This project is a college event website where users can view event details, schedule, and register online. It is a responsive, modern website created using HTML, CSS, and JavaScript, with plans to add more interactive features and animations.

Features

  • Fully responsive design
  • Dynamic event schedule
  • Smooth animations for a better user experience
  • Animated registration form with validation
  • Mobile-friendly navigation

Technologies Used

  • HTML
  • CSS (with animations)
  • JavaScript (for form validation and interactions)

Getting Started

Prerequisites

Before you begin, ensure you have the following installed on your system:

Installation

  1. Fork this repository to your GitHub account.
  2. Clone your forked repository to your local machine: 
    git clone https://github.com/akhileshverma92/campusfest.git
  3. Navigate into the project directory: 
    cd campusfest
  4. Open index.html in your browser to view the website.

Contributing

We welcome contributions to improve the website’s user interface, user experience, and features. Whether you’re an experienced developer or a beginner, there’s something for everyone to contribute!

You can create your own issue and i will assign them to you🚀:|

How to Contribute

  1. Fork the repository and clone it to your local machine.
  2. Create a new branch for your contribution: 
    git checkout -b your-feature-branch
  3. Make your changes to the codebase.
  4. Test your changes locally to ensure they work as expected.
  5. Commit your changes with a descriptive commit message: 
    git commit -m "Add feature or description of changes"
  6. Push your changes to your forked repository: 
    git push origin your-feature-branch
  7. Open a Pull Request (PR) on the main repository and describe what changes you’ve made.

Enhancement Ideas

Here are some areas where you can contribute:

1. Improve UI/UX

  • Enhance the navigation bar to include dropdown menus or hover effects.
  • Add more animations to various sections for a better user experience (use libraries like AOS, Framer Motion, or CSS keyframes).
  • Refactor the existing registration form to include more validations and a better mobile experience.

2. New Features

  • Implement a countdown timer for the event.
  • Add a gallery section for images of past events.
  • Create a dark mode toggle for the website.
  • Add real-time form validation with JavaScript or a validation library.

3. Responsiveness and Accessibility

  • Ensure all sections are fully responsive across various devices (desktop, tablet, mobile).
  • Improve the accessibility of the site by adding aria labels, better color contrast, and keyboard navigation support.

4. Backend Integration (Optional)

  • Set up a Node.js backend for handling registration submissions and storing data in a database.
  • Use Express.js to create an API for event information retrieval.

Issues

If you encounter any issues while working on this project, feel free to open an issue in the repository. Please provide a clear description of the issue and, if possible, steps to reproduce the problem.

License

This project is licensed under the MIT License. See the LICENSE file for details.