Website for Department of English (Aided) of PSGCAS

Welcome to the repository of the Department of English (Aided) official website! This site serves as an interactive platform showcasing departmental activities, event registrations, and announcements. Built with cutting-edge web technologies, it is designed for a seamless and dynamic user experience.

🔗 Live Demo: english-department-psgcas.vercel.app

---

🎯 Features

• 🏫 Dynamic Event Management
  Browse events, register online, and view detailed event information.

• 🎨 Responsive Design
  Optimized for all devices, ensuring accessibility for everyone.

• 🚀 Interactive UI
  User-friendly interface with modern design principles.

---

⚙️ Tech Stack

• Frontend: React, React Router, React Hook Form
• Animation: Framer Motion
• Routing: React Router
• Form Handling: React Hook Form
• Styling: Tailwind CSS
• Deployment: Vercel
• Performance Monitoring: Vercel Analytics & Speed Insights

---

📂 Project Structure

Here's a quick overview of the key directories and files:

lit-assoc/
├── public/
├── src/
│   ├── components/    # Reusable UI components
│   ├── pages/         # Application pages (Homepage, Events, Register)
│   ├── App.jsx        # Main application file
│   ├── index.css      # Global styles
│   └── main.jsx       # Application entry point
└── package.json       # Project dependencies and scripts

---

🚀 Installation Guide

Follow these steps to run the project locally:

Prerequisites:

• Node.js (v14+)
• npm or yarn

📦 Dependencies

{
  "@vercel/analytics": "^1.4.1",
  "@vercel/speed-insights": "^1.1.0",
  "framer-motion": "^11.11.17",
  "hamburger-react": "^2.5.2",
  "react": "^18.3.1",
  "react-dom": "^18.3.1",
  "react-hook-form": "^7.53.2",
  "react-router-dom": "^6.28.0"
}

Installation:

1. Clone the repository:

   git clone https://github.com/GokulOfStarDust/English-Department-PSGCAS.git
   cd English-Department-PSGCAS

2. Install dependencies:

   npm install
   # or
   yarn install

3. Start the development server:

   npm run dev

4. Build for production:

5. npm run build
   # or
   yarn build

---

🤝 Contributing Guidelines

We welcome contributions from the community! Feel free to fork this repository and contribute! Submit a pull request with any feature improvements or bug fixes.

Here's how you can help:

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Please check the list below for tasks that need attention.

💡 Future Development Trajectory

• A dedicated section for uploading and showcasing departmental activities to ensure all events and achievements are well-documented.
• Adding engaging animations to improve user experience and visual appeal.
• Enhance SEO with meta tags and structured data.
• Optimize image loading and compression.
• Implement Locomotive Scroll for smooth scrolling

📋 Code Style Guidelines

• Follow existing code formatting patterns
• Write meaningful commit messages
• Write clear, descriptive commit messages
• Include screenshots for UI changes
• Test your changes thoroughly
• Focus on content and user experience
• Optimize for speed and efficiency
• Follow WCAG guidelines

📄 License

This project is licensed under the GNU General Public License v3.0 - see the LICENSE file for details.

---

🖤 Show Your Support

If you like this project, consider giving it a ⭐️ on GitHub!

---

Maintainer

This website is created and maintained by Gokul.
GitHub username: GokulOfStarDust Email: Click here to mail