Skip to content

ST10462553/XHAW_GroupB_Website_

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

71 Commits
 
 
 
 

Repository files navigation

XHAW_GroupB_Website_

Project Brief:

Empowering the Nation, a local small-to- mid-size enterprise(SME) run by Precious Radebe(said client) has requested for a web and application development service to create what will be a guideline to potential consumers interested in joining one or more courses. Precious insists that both the website and the application’s layout detailing – images, fonts and colours should project an image portraying professionalism. The client provides a brief history of the business which should be part of the app/ website to give the reader insight of the history, mission, vision, goals and objectives of the business. The platforms must emphasise efficiently to potential clients the different course options between six-week and six-month courses along with their fees, objectives (purposes) and content covered within the courses.

👨 Group B members 👩:

  • Siyolise
  • Derrick
  • Palesa
  • Denzil
  • Dimakatso

📱Programming Languages used for making the project💻:

  • HTML + CSS (for the website)

  • React native (for the app)

    Webpages on the website include :

1. Homepage

  • Contains basic background information on the organisation
  • Option to navigate to other webpages(using hyperlinks and buttons)
  • User can find out more about the courses and navigate to applications pages
  • Includes the logo(top-left of the page)

2. Six-month courses

  • This page contains all the six-month courses Empowering the nation has to offer alongside an "apply" button.
  • Option to navigate to other webpages(using hyperlinks and buttons)
  • Information regarding each course's content and pricing is outlined
  • Includes the logo(on the top-left of the page)

3. Six-week courses

* This page contains all the six-week courses Empowering the Nation has to offer alongside an "apply" button
* Option to navigate to other webpages(using hyperlinks and buttons)
* Information regarding each courses content and pricing is outlined
* Includes the logo(on the top-left of the page)

4. Apply

 * Users are prompted to fill out a form with their personal details and desired course before submitting their application.
 * Unsure users can go back to the courses pages or they could navigate to "find out more" to understand the benefits of participating in each course.
 * This page's fields are required, meaning the form has error-handling to ensure that a user fills everything out before submitting.

5. Calculate total fees

  • Checkboxes with courses and their fees are provided
  • Users can select one or more courses and determine whether or not, they qualify for a discount
  • An invoice is provided at the bottom of the screen with the total fees before and after discount (if applicable).

6. Current student profile screen

  • Here users can upload and update their personal information
  • Alternatively they can just read their current details in the school's system
  • The user is able to upload documents as well.

The website:

Home page 🏯:

homepage snap

Six-month page:

six-month courses_snap

Six-week page:

six-week_snap

Apply page 📝:

apply_snap

Contact us page ☎️:

contact_snap

Total fees page 💰:

totalfees_snap

Find out more page 🔎:

findoutmore_snip

Current student profile page 👩👨:

Current student profile feature 1 current student snap

Apply page 📝:

Link to our website walkthrough: https://youtu.be/7Zqy3En5KIw

About

This repository is for pushing the code for the website designs from VSCode.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published