Teacher Dashboard Teacher Dashboard. Lycée Léon l'Africain
This project is a Teacher Dashboard designed to allow teachers to log in, view resources, and add custom links to their personal dashboard. The dashboard is interactive and dynamic, featuring live updates such as the current time (in 24-hour format) and customizable links with favicons. 🚀
- Login page: Teachers can select their subject and name to log in. 🔑
- Dashboard: After logging in, teachers can view their personalized dashboard, which includes:
- A greeting message with the teacher's name. 👋
- A dynamic display of the current time in 24-hour format. 🕓
- Pre-configured resource links (e.g., Khan Academy, Edmodo, Google) with their favicons. 🌐
- Custom Links: Teachers can add their own custom links to the dashboard with an editable title and URL. The links are saved locally in the browser. 💾
- Responsive Design: The dashboard is designed to be responsive and work well on both desktop and mobile devices. 📱💻
- HTML5 📝
- CSS3 (Flexbox for layout, CSS animations for smooth transitions) 🎨
- JavaScript (for dynamic interactions and localStorage) ⚡
- Google Fonts (for custom fonts) 🖋️
- Favicons (using Google’s favicon service) 🔍
To run this project locally on your machine, follow these steps:
- A modern web browser (e.g., Google Chrome, Firefox, Safari) 🌍
- Clone this repository to your local machine:
git clone https://github.com/your-username/teacher-dashboard.git
Open the index.html file in your preferred web browser. 🌐 You should see the login page where you can select a subject and teacher. After logging in, you'll be taken to your personalized dashboard. Usage 🖥️ Login: Choose a subject and a teacher name from the dropdown menus and click the "Login" button. 🔑 Add Links: After logging in, click the "+ Add Link" button to add custom links to your dashboard. ➕ Enter a title and URL for the link and click "Save." 💾 Your links will appear below the predefined resource links. Local Storage 💾 All custom links added to the dashboard are saved locally using the browser's localStorage. This means the links will persist even after the page is refreshed or the browser is closed, as long as the user is on the same device. 🔒
Contributing 🤝 Feel free to fork this repository, open issues, or submit pull requests if you'd like to improve this project. If you have any questions or suggestions, don't hesitate to reach out! 💬
License 📄 This project is open-source and available under the License. 📝
Made with ❤️ by AB in 6.4