The official website for St. John's University's Association for Computing Machinery (ACM) Chapter. This new version brings significant improvements in design, performance, and user experience.
- Interactive Parallax Gallery - Dynamic scrolling showcase of events and activities
- Real-time Content Management - Integration with Contentful CMS for easy updates
- Responsive Design - Optimized for all devices with mobile-first approach
- Dark Mode by Default - Modern, eye-friendly design
- Improved Performance - Built with Next.js 15 for optimal loading speeds
- Type Safety - Full TypeScript implementation
- Custom Animations - Smooth page transitions and hover effects
- Dynamic Routing - Individual pages for hackathons and events
- SEO Optimization - Built-in metadata management
- Vercel Analytics - Built-in analytics for tracking website performance
- Next.js 15
- TypeScript
- Tailwind CSS
- Framer Motion
- React (18+)
- Contentful CMS
- Vercel (Hosting & Analytics)
- Home - Interactive parallax gallery showcasing events
- About - Club information and mission statement
- Meetings - Upcoming and past meeting information
- Resources - Educational materials and links
- Hackathons - Dynamic pages for each hackathon event
- E-Board - Current and past executive board members
- Blog - Technical articles and club updates
- Clone the repository:
git clone https://github.com/SJUACM/Website-V2.git- Install dependencies:
npm install- Set up environment variables:
CONTENTFUL_SPACE_ID=your_space_id
CONTENTFUL_ACCESS_TOKEN=your_access_token- Run the development server:
npm run dev- Responsive navigation with mobile menu
- Touch-friendly interactions
- Optimized images and content layout
- Custom scrollbar for better mobile experience
All dynamic content is managed through Contentful CMS:
- Events and Hackathons
- E-Board Members
- Blog Posts
- Resources
- Custom scrollbar styling
- Gradient backgrounds
- Interactive hover effects
- Smooth page transitions
- Responsive image galleries
- Image optimization with Next.js
- CSS optimization with Tailwind
- Route prefetching
- Static page generation where possible
- Dynamic imports for code splitting
- Fork the repository
- Create your feature branch
- Commit your changes
- Push to the branch
- Open a pull request
This project is licensed under the MIT License.
- Tomas Santos Yciano - Current President of ACM (2024 - Present)
- Lead Developer & Project Manager
- Hinna Zeejah - Current Information Officer of ACM (2024 - Present)
- Frontend Developer & Content Manager
- Faizan Ahmed - Co-Founder @ Headstarter, former President of ACM (2021-2022)
- Initial Website Development & Design
Built with ❤️ by STJ ACM