SJU ACM Website V2

Built with:

• React
• Next JS 14
• Tailwind CSS
• TypeScript
• Aceternity UI
• Turbopack

Getting Started

1. Clone the repository and install dependencies:

git clone https://github.com/SJUACM/Website-V2

2. Navigate to the project directory:

cd Website-V2/sjuacm-website

3. Install dependencies:

npm install

4. If you get errors with dependencies, try to install the packages below explicitly:

npm install framer-motion clsx tailwind-merge @tabler/icons-react @fortawesome/free-brands-svg-icons

5. Run the development server:

npm run dev

5. Open http://localhost:3000 with your browser to see the result.

Code Formatting

Format your code automatically by running

npm run format

Tasks / Roadmap

• Add all necessary info on home page
• Add all necessary info on about page
• Add all necessary info on resources page
• Migrate all pictures, meeting info, and blogs into Contentful. By using a content management system like contentful, it makes it easier and faster to add more meetings instead of handling it in our codebase.
• Display information for all meetings by fetching the corresponding data from Contentful, read more how to here.
• Display blogs by fetching the data from Contentful
• Make all pages & components mobile responsive
• Add authentication through Clerk
• Add a backend Postgres database through Supabase. Learn more here
• Allow only ACM E-board members to have access to an admin dashboard
• Display ACM member statistics in admin dashboard
• Deploy website through Vercel

Learn More

To learn more about Next JS, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.
• Learn Tailwind CSS
• Getting Started with Supabase