soyab000786/Practicals_Journal ? reverse-engineered prompt

Build me a simple web development practical journal site for a university student.

I want a clean homepage that shows the student details, the subject name, and a clear list of all the practicals from 1 to 7. Each practical should be easy to open from the page, with a short title that explains what it does, like React components, props and state, forms and validation, routing, Express CRUD, REST API, and MongoDB employee management.

Make it look neat and student friendly, something that works well in a browser and can also act like a main index page for the whole folder. Keep the design simple and readable, with sections or cards for each practical and clear navigation. If you need to, look up current docs online for the best way to link and structure it. I also want the page to feel like a proper journal cover, so include the university name, enrollment number, and subject at the top or in a header area.