WE Project
WE Project
Instructions:
- This is a group project, having maximum 4 members.
- Members should work together and must divide their tasks evenly. Project viva will be taken.
For this project, you’ll demonstrate your proficiency in web application development by completing a series
of tasks and problem-solving scenarios that cover HTML, CSS, JavaScript, jQuery, AngularJS, JSON, C#,
and LINQ technologies. Showcase your skills in coding, debugging, and integrating multiple technologies
to build robust and scalable web applications.
Choose a topic of your interest and perform following development tasks:
Development Tasks:
HTML and CSS:
- Create a responsive web page with a navigation menu, header, and footer
- Implement a CSS grid or flexbox layout for a given design
JavaScript and jQuery:
- Write a JavaScript function to manipulate the DOM and handle events
- Use jQuery to animate elements and respond to user interactions
AngularJS:
- Build a single-page application with multiple views and routes
- Implement data binding and dependency injection
JSON and Data Storage:
- Parse and generate JSON data for a given scenario
- Implement local storage or session storage for a web application
C# and LINQ:
- Write a C# program to query and manipulate data using LINQ
- Implement a RESTful API endpoint using C# and LINQ
Web Application Development:
- Develop a web application that integrates multiple technologies (e.g. HTML, CSS, JavaScript,
AngularJS)
- Implement user authentication and authorization for a web application.
Submission Requirements:
Code Files: Submit all code files (HTML, CSS, JavaScript, C#, etc.) as a zipped folder or via a GitHub
repository link.
Documentation: Document the following information:
- Introduction: Provide brief overview of the project.
- A brief description of the tasks completed.
- Explanation of the technologies and frameworks used
- Any assumptions made or limitations encountered
- Steps to run and test the application (if applicable)
Screenshots: For tasks that involve UI components, include screenshots, demonstrating the functionality.
Code Organization: Organize code files in a logical and consistent manner, using appropriate naming
conventions and folder structures.
Comments and Documentation: Include clear and concise comments in the code to explain logic and
functionality.
File Format: Submit all files in the required formats (e.g. HTML, CSS, JavaScript, C#, etc.).
Original Work: All submissions must be the original work of the student. Any instances of plagiarism or
academic dishonesty will result in zero marks.
Deadline: Submit the assessment by the specified deadline. Late submissions will not be accepted.