diff --git a/README.md b/README.md index 8d1d21b53..d9b861aee 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,7 @@ -Computer Science Department Website +# 1Computer Science Department Website Introduction and Purpose -This project entails the creation of a 10-page website dedicated to the Computer Science Department. The objective is to enhance user experience, accessibility, and information presentation related to various facets of the department. +- This project entails the creation of a 10-page website dedicated to the Computer Science Department. The objective is to enhance user experience, accessibility, and information presentation related to various facets of the department. How to Clone and Set Up the Project To clone and set up the project, follow these steps: @@ -10,10 +10,12 @@ To clone and set up the project, follow these steps: 3. Open the index.html file in your preferred web browser to explore the website. Author Information -Author: Ryan Brown -Student ID: 11357610 +- Author: Ryan Brown +- Student ID: 11357610 + +--- -Below are screenshots of each page of the website: +## Below are screenshots of each page of the website: Home Page ![Home Page Screenshot](img/homepage.jpeg) @@ -30,15 +32,19 @@ Contact Page Events Page ![Events Page Screenshot](img/eventspage.jpeg) + MPhil / BSC Programme Page ![MPhil / BSC Programme Page Screenshot](img/mphilpage.jpeg) + Short Courses Page ![Short Courses Page Screenshot](img/shortcourse.jpeg) + Undergraduate Programmes Page ![Undergraduate Programmes Screenshot](img/undergradpage.jpeg) + Phd Programmes Page ![PHD Programmes Page Screenshot](img/phdpage.jpeg) @@ -46,30 +52,26 @@ Phd Programmes Page Register Page ![Register Page Screenshot](img/registerpage.jpeg) + Gallery Page ![Gallery Page Screenshot](img/gallerypage.jpeg) +--- +### Lessons Learned +Throughout the development of this project, I gained valuable insights and honed my skills in various aspects of web development: +1. **Deepened Understanding of Front-End Technologies:** This project provided me with a solid foundation in HTML, CSS, and JavaScript/React, empowering me to craft robust and interactive web interfaces. +2. **Responsive Design Expertise:** I successfully implemented responsive design techniques, ensuring that the website seamlessly adapts to different screen sizes, devices, and orientations. This resulted in enhanced user experience across all platforms. +3. **Effective Information Architecture:** I developed a well-structured information architecture for the website, prioritizing user-friendliness and intuitive navigation. This led to a significant improvement in user engagement, demonstrating the effectiveness of clear and organized information presentation. +4. **Time Management and Priority Setting:** While juggling multiple tasks and meeting deadlines, I learned the importance of effective time management and priority setting. This allowed me to overcome challenges and deliver the project on schedule and within budget. +5. **User Accessibility Enhancements:** In response to user feedback, I made significant improvements to enhance accessibility, including making the site responsive and incorporating a gallery page with aesthetically appealing elements to promote better user engagement. +Overall, the creation of this demo website reinforced the importance of hands-on learning, practical application of theoretical concepts, and continuous improvement. It highlighted the power of responsive design, effective information architecture, and thoughtful user accessibility considerations in creating a successful and engaging web experience. -Lessons Learned - -Throughout the development of this project, several key takeaways emerged: - -Deepened understanding of HTML, CSS, and JavaScript/React: This project provided me with a solid foundation in front-end web development technologies. - -Proficiency in responsive design: I successfully implemented responsive design techniques that resulted in a 20% reduction in mobile page load times. - -Effective information architecture: The information architecture I developed for the website led to a 30% increase in user engagement. - -Amongst all the minor challenges that I could easily research about, time seemed to be the unconquered challenge. Juggling multiple tasks, meeting deadlines, and ensuring overall project success while balancing personal commitments proved to be an ongoing challenge. However, through effective time management techniques and consistent effort, I was able to overcome this obstacle and deliver the project on time and within budget. - -In conclusion, the creation of this demo website for my department reinforced the importance of hands-on learning and the practical application of theoretical concepts. It also highlighted the power of responsive design and effective information architecture in enhancing user experience. Moreover, it emphasized the crucial role of time management in achieving project goals. - - +Thank you. \ No newline at end of file