Siyabonga Zungu

Experienced Full Stack Developer with a robust foundation in HTML, CSS, Python, and JavaScript, complemented by proficiency in GitHub. Hands-on experience in full stack development, utilizing technologies such as Java, Node.js, React, MySQL,and PostgreSQL.

QA professional with strong focus on quality assurance, testing, and process improvement. Skilled in identifying and resolving defects, ensuring software reliability, and enhancing user experience. Known for effective team collaboration, consistent delivery of results, and adaptability to changing project needs. Proficient in automated testing, manual testing, and using tools like Selenium, JIRA, and SQL. Recognized for analytical thinking, problem-solving, and clear communication.

Java Data Structure

1. Booking System

         Repository:  https://github.com/216037150/Booking_System.git

# Overview

This web application is built using Node.js with Express, MongoDB, and serves a frontend with HTML, CSS, and JavaScript. The application allows users to submit a form and stores the submitted data in a MongoDB database. It also provides an endpoint to retrieve all submitted form data.
Requirements

To run this application, you need to have the following installed:

   Node.js (v12 or later)
   npm (Node Package Manager)
   MongoDB

# Backend (Node.js with Express) ; Serve-side

The backend is implemented in server.js and provides the following functionalities:

   Connects to a MongoDB database.
   Serves static files from the client directory.
   Handles form submission and stores data in the MongoDB database.
   Provides an endpoint to retrieve all form data.    

 # Running the Application
 1. Start the MongoDB server
 2. Run the Node.js server:  nodemon server.js
 3. Open a web browser and go to: http://localhost:8000

You should see a form that you can fill out and submit. The submitted data will be stored in the MongoDB database, and you can retrieve all form data by accessing the /formData endpoint.

# Environment Variables

   > PORT: The port on which the server will run. Default is 8000.
   > MONGODB_URI: The URI for the MongoDB database. Default is mongodb://localhost:27017/.
   > DB_NAME: The name of the database. Default is customer.

# Frontend (HTML, CSS, JavaScript): client-side
 The frontend is located in the client directory and consists of an HTML form styled with CSS and interactivity added with JavaScript.

2. Survey Application

              Repository: https://github.com/216037150/form_survey.git  

This project is a full-stack web application that allows users to fill out a survey form, submit their responses, and view the collected data. It consists of a backend server built with Node.js and Express, a MongoDB database to store survey responses, and a frontend with HTML, CSS, and JavaScript.

Database Connection:The MongoClient is used to connect to the MongoDB database.
Database name: FormSurvey
Collection name: CollectedData

API Endpoints:POST /form: Handles form submission by inserting the submitted data into the MongoDB collection.
GET /formData: Retrieves all the form data stored in the MongoDB collection.

Static Files:The server serves static files from the client directory, allowing the frontend to be loaded.

HTML Structure:Form Page (index.html): Contains the survey form where users input their personal details and preferences.
Data Display Page (displayData.html): Displays the collected survey data in a table format.

Form Validation and Submission:JavaScript is used to validate the form fields before submission, ensuring all required fields are filled out and valid.
On successful validation, form data is collected and sent to the server using the Fetch API.

3. Landing Page: https://216037150.github.io/LandingPage/

The project is a landing page for promoting a Higher Certificate in Software Engineering. The page is designed to attract potential students by highlighting the benefits of enrolling in the program, including career advancement and immersive learning experiences.

• HTML: For the structure of the landing page.
• CSS: For styling the page, including custom styles defined within the HTML file.
• JavaScript: For adding interactivity, such as alert messages on button clicks.
• External Resources: Font Awesome for icons and external CSS for additional styling.

4. Snake Game:  https://216037150.github.io/snakeGame/

This is a simple Snake game built using HTML, CSS, and JavaScript.