CENG 475 Advanced Web Programming with React

Projects

General Instructions for all projects:

 The CENG 475 project will be implemented and created using the topics taught in the
course. This means HTML, CSS, and JavaScript (React and Vanilla).
 The main purpose is to create a web page running on a React framework and access a DB
on the Internet or a DB running locally.
 HTML and CSS usage for nice-looking, user-friendly pages is important and worthy.
 You are expected to execute queries, including at least SELECT, INSERT, DELETE, and
UPDATE (CRUD operations) via a web page.
 The more React and vanilla JavaScript, complex and hard-working, the more grade you
will get.
 DB might be whichever you choose, and it can be local or remote.
 The structure in the DB will NOT be assessed. You will only use it for storing data.
 Each project topic will include 1 or 2 students.
 Project evaluation is the last week of the summer semester.
 Every implementation will be due to general and specific instructions stated below,
 Any sort of plagiarism will be severely punished.
 In case of a problem, first contact the assistant, then the instructor.

Specific Instructions for all projects:

 The project content will be very compatible with the course content, where ALL the projects
must be related to the lecture content, which is, HTML, CSS, ReactJS, and vanilla JavaScript.
No other issue will be accepted!
 The user-friendly system, easy usage, and understanding will be highly evaluated.
 Registration (Sign-in, sign-up, etc.) options will be presented.
 Concentrate on giving a warning system. If you do this, this won’t be possible for that
reason.., etc. Easy-to-use, easy-to-grab applications are the goal.
 Chrome or MS. Edge browser will be used for presenting the projects, no other browser.
 At least 2 actors will be defined in the system, such as admin and user. Assume also that you
can have multiple users with different privileges.
 Project topics will be taken by the groups that the students form. You are free to have your
partner. However, if anybody is without a project, the instructor will make the necessary
assignments.

PROJECTS
1. PROJECT-1: Boat Rental System

1
Objective: To allow users to rent boats based on their sailing experience and license
type.
 User Registration/Login: Users sign up or log in to access the system.
 Profile Setup: Users provide information about their sailing experience and license
type.
 Performance Score: System calculates a performance score (1-10) based on user input.
 Boat Categories: Boats are categorized by size and luxury level (small, medium, large,
luxury).Rental Eligibility: Users with lower scores can rent smaller boats; higher
scores allow access to larger, more luxurious boats.
 Booking System: Users can book available boats for specific dates and times.
 Notifications: Users receive confirmation and reminders about their bookings.
 Admin Panel: Admins can manage boat inventory, user profiles, and rental bookings.
2. PROJECT-2: Patient Registration and Assignment System
Objective: To manage patient registration and assign them to appropriate doctors and
beds based on the severity of their illness.
 User Registration/Login: Patients sign up or log in to access the system.
 Symptom Description: Patients describe their symptoms during registration.
 Doctor Assignment: System assigns patients to doctors based on symptom
descriptions and doctor's specialization.
 Bed Assignment: Serious cases are automatically assigned hospital beds.
 Appointment Scheduling: Patients can schedule appointments with assigned doctors.
 Notifications: Patients receive appointment confirmations and reminders.
 Admin Panel: Admins can manage doctor profiles, patient assignments, and bed
availability.
3. PROJECT-3: Movie Recommendation Platform
Objective: To provide a personalized movie-watching experience with recommendations
based on user preferences.
 User Registration/Login: Users sign up or log in to access the system.
 Movie Database: Collection of movies with genre tags and descriptions.
 Watch History: System tracks movies watched by the user.
 Recommendations: Based on watch history, the system suggests new movies.
 Rating and Reviews: Users can rate and review movies they have watched.
 Search and Filter: Users can search for movies by genre, rating, and release year.
 Admin Panel: Admins can manage the movie database, user profiles, and
recommendations algorithm.
4. PROJECT-4: Event Management System

2
Objective: To enable users to create, manage, and attend events.
 User Registration/Login: Users sign up or log in to access the system.
 Event Creation: Users can create events with details like location, date, number of
attendees, and ticket prices.
 Event Search: Users can search for events by category, location, and date.
 Ticket Purchase: Users can purchase tickets for events and receive digital tickets via
email.
 Notifications: Users receive notifications about upcoming events and ticket purchases.
 Admin Panel: Admins can manage event listings, user profiles, and ticket sales.
5. PROJECT-5: Online Course Registration System
Objective: To facilitate online course enrollment and progress tracking.
 User Registration/Login: Users sign up or log in to access the system.
 Course Catalog: List of available courses with descriptions, prerequisites, and
instructors.
 Enrollment: Users can enroll in courses if they meet the prerequisites.
 Progress Tracking: Users can track their progress through course modules and
assignments.
 Certificates: Users receive digital certificates upon course completion.
 Instructor Panel: Instructors can manage course content, assignments, and student
grades.
 Admin Panel: Admins can manage course listings, user profiles, and overall system
settings.
6. PROJECT-6: Personal Finance Management System
 User Registration/Login: Users sign up or log in to access the system.
 Income/Expense Tracking: Users can input and categorize their income and expenses.
 Financial Reports: System generates visual reports (e.g., pie charts, bar graphs)
showing spending patterns.
 Budgeting: Users can set monthly budgets for different categories (e.g., groceries,
entertainment).Goal Setting: Users can set financial goals (e.g., saving for a vacation)
and track their progress.
 Notifications: Users receive notifications about budget limits and goal milestones.
 Admin Panel: Admins can manage user profiles and system settings.

3
Important Note: Each developer can extend the usage and the constraints according to real-
life scenarios and implementations; these are just preliminary information for a defined topic.
Pls. contact to instructor for better understanding.