This project is a GitHub Pages template designed for course websites, created by Mohsen Gholami | iMohsen02. Users only need to fork the repository and modify the data directory to customize it for their own courses.
-
Fork the Repository
- Click the "Fork" button on GitHub to create your own copy.
-
Modify the
dataDirectory- Update course details, schedules, and other relevant information in the
datadirectory.
- Update course details, schedules, and other relevant information in the
-
Deploy on GitHub Pages
- Go to the repository settings.
- Enable GitHub Pages under the "Pages" section.
- Select the branch (e.g.,
mainorgh-pages) and save changes.
-
Access Your Course Website
- Once deployed, visit
https://your-username.github.io/your-repo/to see the course site.
- Once deployed, visit
├── data/ # Modify this directory with course-specific content
│ ├── contactUs.js # Contact information
│ ├── footer.js # Footer content
│ ├── header.js # Header content
│ ├── lectures.js # Lecture details
│ ├── meta.js # Metadata
│ ├── navBar.js # Navigation bar
│ ├── overviewData.js# Course overview
│ ├── team.js # Instructor/team details
│ ├── whatInclude.js # Course highlights
├── pages/ # Static pages (About, Contact, etc.)
├── assets/ # Images, styles, and other assets
├── index.html # Main entry point
└── README.md # Project documentation (this file)
A Next.js version of this template is also available for those who need dynamic features. 🔗 Next.js Version Repository: GitHub Link
If you need help setting up the template, feel free to open an issue or reach out via GitHub Discussions.
Happy Teaching! 🎓🚀