https://github.com/sahilatahar/capstone
Capstone is a web-based online tutorial platform offering some courses. It was a part of my Yhils internship programme. It features YouTube channel attribution, local storage for student information, responsive design for different devices, and a dark mode option. Built with HTML, CSS, JavaScript, JSON, Font Awesome, and Swiper.
https://github.com/sahilatahar/capstone
css3 html html5 javascript json learning-platform online-tutorials vannila-javascript-projects yhills yhills-internships
Last synced: 12 months ago
JSON representation
Capstone is a web-based online tutorial platform offering some courses. It was a part of my Yhils internship programme. It features YouTube channel attribution, local storage for student information, responsive design for different devices, and a dark mode option. Built with HTML, CSS, JavaScript, JSON, Font Awesome, and Swiper.
- Host: GitHub
- URL: https://github.com/sahilatahar/capstone
- Owner: sahilatahar
- License: mit
- Created: 2023-05-25T06:30:11.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-20T06:58:59.000Z (almost 2 years ago)
- Last Synced: 2024-04-21T07:37:33.084Z (almost 2 years ago)
- Topics: css3, html, html5, javascript, json, learning-platform, online-tutorials, vannila-javascript-projects, yhills, yhills-internships
- Language: CSS
- Homepage: https://capstonplatform.netlify.app
- Size: 1.43 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Capstone - Course Tutorial Platform
Capstone is a web-based platform designed to provide comprehensive tutorial resources for various courses through video content. Users can access tutorials from popular YouTube channels like CodeWithHarry, ApnaCollege, and freeCodeCamp. Additionally, Capstone offers features such as local storage for tracking course progress and a responsive design for seamless viewing on different devices.
## 🚀 Key Features
- **📚 Comprehensive Video Tutorials:** Access high-quality video tutorials covering a variety of courses, carefully curated for a comprehensive learning experience.
- **📺 YouTube Channel Attribution:** Proper credit is given to YouTube channels for the videos used in the tutorials, acknowledging their valuable content.
- **📈 Progress Tracking:** Utilize local storage to keep track of course progress and personal data, making it easy to monitor academic achievements.
- **📱 Responsive Design:** Enjoy a seamless viewing experience across devices, including PCs, laptops, tablets, and mobile phones.
- **🌙 Dark Mode:** Reduce eye strain and enhance readability in low-light conditions with the dark mode feature.
## 💻 Technologies Utilized
The project incorporates the following technologies:
- HTML
- CSS
- JavaScript
- JSON
- Font Awesome
- Swiper (JavaScript library for slider/carousel functionality)
## 🛠️ Installation
To run the project locally, follow these steps:
1. Clone the repository:
```
git clone https://github.com/sahilatahar/Capstone.git
```
2. Navigate to the project directory:
```
cd Capstone
```
3. Open the index.html file in your preferred web browser.
## 🙏 Credits
We extend our gratitude to the following YouTube channels for their valuable video content:
- CodeWithHarry
- ApnaCollege
- freeCodeCamp
## 📝 License
The project is licensed under the MIT License. Refer to the [LICENSE](LICENSE) file for more details.
Happy learning with Capstone!