Enigma E-Cell Website Welcome to the official GitHub repository for the Enigma Entrepreneurship Cell website. This project is a modern, responsive, and animated single-page application designed to be the digital hub for the club—informing visitors, showcasing events, and attracting new members.
Adding simplicity and clean look
Live Demo: https://enigma-ecell-website.vercel.app/
✨ Features Stunning Hero Section: An interactive hero section featuring a dynamic, customizable WebGL Aurora Shader animation built with three.js.
Fully Responsive Design: A mobile-first approach ensures a seamless experience on all devices, from phones to desktops.
Interactive Components:
An expanding accordion for the "Our Events" section.
A functional mobile navigation menu (hamburger menu).
Smooth User Experience:
Smooth scrolling for all internal navigation links.
Subtle fade-in animations that trigger as the user scrolls down the page.
Detailed Sections: Comprehensive sections for Domains, About Us, Events, Testimonials, and a functional Contact Form.
Modern Tech Stack: Built with the latest front-end technologies for optimal performance and developer experience.
🛠️ Technologies Used Framework: React
Build Tool: Vite
Graphics & Animation: Three.js for the WebGL hero background
Icons: Lucide React
Styling: CSS3 with a mobile-first approach
Deployment: Vercel / Netlify / GitHub Pages
🚀 Getting Started To get a local copy up and running, follow these simple steps.
Prerequisites Make sure you have Node.js and npm installed on your machine.
Node.js (which includes npm)
Installation & Setup Clone the repository:
git clone https://github.com/your-username/enigma-website.git
Navigate to the project directory:
cd enigma-website
Install NPM packages:
npm install
Run the development server:
npm run dev
Your project will now be running on http://localhost:5173/ (or another available port).
📂 Project Structure The project follows a standard Vite + React structure:
enigma-website/ ├── public/ # Static assets (images, favicons) │ ├── assets/ │ └── e.svg ├── src/ │ ├── components/ # Reusable React components │ │ ├── ui/ # UI-specific components (e.g., shaders) │ │ ├── Navbar.jsx │ │ ├── Events.jsx │ │ └── ... │ ├── App.jsx # Main application component │ ├── App.css # Main stylesheet │ └── main.jsx # Entry point of the application ├ontributing Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".
Fork the Project
Create your Feature Branch (git checkout -b feature/AmazingFeature)
Commit your Changes (git commit -m 'Add some AmazingFeature')
Push to the Branch (git push origin feature/AmazingFeature)
Open a Pull Request
📄 License Distributed under the MIT License. See LICENSE for more information.
📧 Contact Devanshu - @CodeKenshinDev
Project Link: https://github.com/your-username/enigma-website── index.html # The HTML template ├── package.json # Project dependencies and scripts └── vite.config.js # Vite configuration