1.1

Project Title

Development of an Educational Website Using React and Python

1.2

Please describe the project with key-phrases (max 5)

· Educational Platform

· Web Development

· React Frontend

· Python Backend

· Interactive Learning

1.3

E-logbook maintenance agreed with supervisor

Use Google  doc, OneDrive, or any mobile App whereby you will be able to generate a PDF copy

Google Docs will be used to maintain an electronic logbook and generate a PDF copy for submission.

1.4

GitLab link for maintain source code and research data

Any change in GitLab link and Source code repository MUST be explicitly mention in final  report

2.1

Summarise the project’s background in terms of research field /application domain (max 100 words).

The project focuses on developing an educational website aimed at providing interactive learning experiences for students. Using React for the frontend and Python for the backend, this project contributes to the domain of web development, specifically in the education sector, where the demand for effective online learning tools has increased significantly.

2.2

Summarise the project aims, objectives and outputs (max 250 words).
These aims, objectives, and outputs should appear as the tasks, milestones and deliverables in your project plan (fill out Section 3).

The aim of this project is to build a responsive and user-friendly educational website that enables interactive learning. The main objectives are:

· Develop a dynamic frontend using React to ensure smooth user interactions.

· Implement backend services with Python to manage user data, content, and progress tracking.

· Integrate features like quizzes, video lessons, and discussion forums to enhance learning.

· Ensure the platform supports different educational content formats such as text, video, and audio.

· Test and optimize the website for both desktop and mobile users.

Key outputs will include:

· A fully functional educational website.

· A backend system capable of managing users, content, and assessments.

· A final report documenting the design, development, and evaluation process.

2.3

Initial project specification – roughly indicate key features and functions of your finished program/application. Indicate possible method, data source, technology etc. (max 400 words)
(Sensible and relevant Charts, Table, and Figures can be used)

The educational website will allow users to access a wide variety of courses and educational materials. Key features include:

· User Registration and Authentication: Users can sign up, log in, and manage their profiles.

· Course Content Management: Instructors can upload lessons, assignments, and quizzes.

· Interactive Features: Students can participate in quizzes, submit assignments, and engage in discussion forums.

· Progress Tracking: Users can track their learning progress through a personalized dashboard.

· Technologies: React for frontend development, Python (Django or Flask) for the backend, GitLab for version control, and a SQL/NoSQL database for data storage.

2.4

Describe the social, legal and ethical issues that apply to your project. Does your project require ethical approval? (If your project requires a questionnaire/interview for conducting research and/or collecting data, you will need to apply for an ethical approval)

The project must ensure the privacy and security of user data, particularly for minors if the platform is open to younger students. It will comply with data protection regulations like GDPR. No ethical approval is required unless specific user data (e.g., surveys or interviews) is collected for research purposes.

2.5

Identify the items you may need to purchase for your project. A cost upto £200 can be applied (include VAT and shipping if known). You need to have consent of your supervisor. Your request will be assessed by the department.

Potential purchases may include domain and hosting services for the website, costing approximately £50 to £100.

2.6

State whether you need access to specific resources within the department or the University e.g. special devices and workshop

Access to the University's server infrastructure or cloud platforms for testing and deployment may be necessary. Additionally, any available educational content resources might be useful for testing the site.