This is a multi-page website project that includes multiple functional modules such as team showcase, fitness tracking, diet tracking, roll call system, sleep tracking, timer, and weather inquiry. The project uses HTML, CSS, and some JavaScript to implement page interaction and dynamic effects.
Displays team member information and introductions, including responsive design and icon display.
Fitness tracking page that provides functions to add fitness records, display records, and perform data statistics.
Diet tracking page that supports adding food records, displaying records, and calculating nutrient intake.
Home page that displays entry icons for various functional modules.
Roll call system page that includes an upload area, student list, and history display.
Sleep tracking page that displays sleep quality analysis and recording functionality.
Timer page that provides a focus timer, settings, and history records.
Weather inquiry page where you can enter a city to check weather conditions and view detailed weather information.
- Uses HTML to build structure
- Uses Tailwind CSS for styling
- Uses JavaScript to implement interactive functionality
- Uses icon fonts (e.g., Font Awesome)
img/- Stores required images for the projectcss/- Stores CSS style files
- Download the project files
- Open the HTML file to view the pages in your browser
- Some features require JavaScript support—ensure your browser supports JS
Select and open the corresponding HTML file based on the desired page function, and use the forms and buttons on the page to record and view data.
If you have new feature ideas or improvements, feel free to submit a PR or Issue. The project currently uses front-end technologies and is suitable for front-end enthusiasts to contribute.
This project uses the MIT License. Please refer to the MIT License for detailed terms.