You will create a student management system in your final project that includes information about students' lectures and points of students. We could create a lecture and add students' points to your system. We could add more than one lecture and student to your system. You will have many too many relations between lectures and students. There is no back-end in your project because of that you can use a list in JS to hold students' information. Each student and lecture should be an object. In addition to that, your web project should be flexible and good design. Write CSS to create good website (this is front-end lecture) For example, google it. Check some website(Giving color in your website is not good design it is just coloring. Your system should be searchable etc. your project has to be designed as functional. Your system should show filtered results according to show only failed student passed student. I should see information according to Students (Student info, lectures, scores, GPA .etc) . I should see information according to Lectures (Lecture detail, number of students, number of fail etc). Methods-functions in your system: Add student - Update student - Delete student - Update score - Add lecture - Delete lecture Update lecture . You should create more methods to do all things in project. Evaluation Hint : Note: you have to use pure CSS, HTML, JS. you should not use anything else except (css,js HTML) like, react library, boots trap..... You will be evaluated according to your CSS, HTML, JS. Computer engineering insight. Use-case: User: 1.) Selahattin will add 3507 Web Development and Programming and point scale of lecture in your system.(1) 2.) Selahattin will select 3507 Web Development and Programming lecture. (Ex: dropdown) 3.) Selahattin will add student id, name, surname, mid-t score, final score. 4.) Your system will evaluate letter grade according to (%40 mid-t %60 final) and point scale. 5.) Selahattin could see each student in lecture as table with their score and letter grade. 6.) In table there should be button to delete student, we could delete, update student. 7.) Selahattin will add Database Design lecture in your system. 8.) Repeat.1..7 9.) ahmedwill search Ekin Kar in system and will see Ekins all scores with lecture name. 10.) Selahattin will search Yasemin Levy in my system ahmed will see Yasemin all scores with lecture name. 11.) In addition to scores ahmad should see Yasemins GPA according to test results. 12.) Use-case -2 : User: 1. Select 3507 Web Development and Programming see all students result as table. 2. Select only failed student as table. Select only passed student result as table. 3. Select detail of lecture(Number of passed student, failed studentetc. Mean of lecture.)