This repository contains the source code for the official website of the SUTD Organisation of Autonomous Robotics (SOAR). The website serves as a platform to showcase our projects, events, team members, and vision, as well as providing learning resources for the robotics community.
This project is built using modern web technologies:
- Framework: Vue.js 3 (Composition & Options API)
- Build Tool: Vite - for fast development and bundling.
- Language: TypeScript - for type-safe code.
- Styling: SCSS / SASS with a custom design system.
- State Management: Vuex
- Routing: Vue Router
- Node.js (LTS version recommended)
- npm
-
Clone the repository:
git clone https://github.com/your-username/sutdsoar_v2.git cd sutdsoar_v2 -
Install dependencies:
npm install
To start the development server with hot-reload:
npm run devThe application will be available at http://localhost:5173.
To build the project for production:
npm run buildThe output files will be in the dist/ directory, ready for deployment.
src/app/home: Components and logic for the main landing page (Home, About, Events, Projects, Team).src/app/learn: Components for the Learning resources section.src/app/shared: Reusable UI components (VueNavBar,VueGrid,ProjectCard, etc.) and styles.src/app/router.ts: Application routing configuration.src/app/store.ts: State management configuration.
- Responsive Design: Optimized for Desktop, Tablet, and Mobile devices.
- Interactive Animations: Custom particle effects at the start of page.
- Dynamic Sections: Modular components for showcasing Projects and Events.
- Fork the repository.
- 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.