{"id":24092843,"url":"https://github.com/envid-tech/oa-website","last_synced_at":"2025-06-15T04:05:20.881Z","repository":{"id":192739330,"uuid":"687263673","full_name":"enVId-tech/OA-Website","owner":"enVId-tech","description":"A small project to represent my attempt at recreating and improving the official Oxford Academy Website.","archived":false,"fork":false,"pushed_at":"2025-03-24T21:27:51.000Z","size":25066,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-24T21:34:38.855Z","etag":null,"topics":["css","encryption","google-api","html","javascript","js","jsx","nodejs","oauth2","oxford-academy","react","react-router-dom","react-ts","react-tsx","reactjs","scss","ts","ts-node","tsx","typescript"],"latest_commit_sha":null,"homepage":"https://oa.etran.dev","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/enVId-tech.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-09-05T02:06:17.000Z","updated_at":"2025-03-24T21:27:55.000Z","dependencies_parsed_at":null,"dependency_job_id":"a6fb9b4e-f9ed-4d7b-a722-f78f59e8531d","html_url":"https://github.com/enVId-tech/OA-Website","commit_stats":null,"previous_names":["envid-tech/oa-website"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/enVId-tech/OA-Website","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/enVId-tech%2FOA-Website","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/enVId-tech%2FOA-Website/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/enVId-tech%2FOA-Website/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/enVId-tech%2FOA-Website/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/enVId-tech","download_url":"https://codeload.github.com/enVId-tech/OA-Website/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/enVId-tech%2FOA-Website/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259919352,"owners_count":22932069,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","encryption","google-api","html","javascript","js","jsx","nodejs","oauth2","oxford-academy","react","react-router-dom","react-ts","react-tsx","reactjs","scss","ts","ts-node","tsx","typescript"],"created_at":"2025-01-10T08:51:25.407Z","updated_at":"2025-06-15T04:05:20.875Z","avatar_url":"https://github.com/enVId-tech.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Oxford Academy Website\n\nA modern Next.js website for Oxford Academy, featuring responsive design and interactive elements.\n\n## Overview\n\nThis project is a Next.js-based website for Oxford Academy that includes:\n- Home page with animated sections\n- Dynamic subpages using a shared layout pattern\n- Responsive design for multiple screen sizes\n- Interactive elements for improved user experience\n\n## Project Structure\n\n```\noxford-academy-website/\n├── app/                    # Next.js app directory\n│   ├── _components/        # Shared components\n│   │   ├── analytics/      # Analytics tracking\n│   │   ├── animations/     # Animation utilities\n│   │   ├── footer/         # Footer component\n│   │   ├── layouts/        # Layout components\n│   │   ├── navbar/         # Navigation bar\n│   │   └── pagetitle/      # Page title components\n│   ├── [subpage]/          # Dynamic route for subpages\n│   ├── admissions/         # Admissions page\n│   ├── bell-schedule/      # Bell schedule page\n│   └── page.tsx            # Home page\n├── _scss/                  # SCSS styles\n│   └── pages/              # Page-specific styles\n│       └── subpages/       # Subpage styles\n├── public/                 # Static assets\n│   └── images/             # Image assets\n├── .gitignore              # Git ignore file\n├── next.config.js          # Next.js configuration\n├── package.json            # Project dependencies\n└── tsconfig.json           # TypeScript configuration\n```\n\n## Features\n\n- **Responsive Design**: Adapts to different screen sizes\n- **Dynamic Routing**: Uses Next.js file-based and dynamic routing\n- **Shared Layout Pattern**: Reusable layout components for consistent UI\n- **Animation Effects**: Scroll-based animations for enhanced user experience\n- **SEO Optimized**: Custom page titles and metadata\n\n## Getting Started\n\n### Prerequisites\n\n- Node.js (v14 or later)\n- npm or yarn\n\n### Installation\n\n```bash\n# Clone the repository\ngit clone [repository-url]\n\n# Navigate to project directory\ncd oxford-academy-website\n\n# Install dependencies\nnpm install\n```\n\n### Development\n\n```bash\n# Start development server\nnpm run dev\n```\n\nVisit `http://localhost:3000` to view the website.\n\n### Build\n\n```bash\n# Build for production\nnpm run build\n\n# Start production server\nnpm start\n```\n\n## Technology Stack\n\n- **Framework**: Next.js\n- **Language**: TypeScript\n- **Styling**: SCSS\n- **Deployment**: Vercel/Netlify/Docker (recommended)\n\n## Project Structure Notes\n\nThe project uses a shared layout pattern to reduce code duplication across similar pages. The `SubpageLayout` component encapsulates common elements like the navbar, page title, and footer, while allowing individual pages to provide their unique content.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fenvid-tech%2Foa-website","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fenvid-tech%2Foa-website","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fenvid-tech%2Foa-website/lists"}