This project depicts a directory of kindergarten, secondary and high schools in Dubai. Madrassa Dubai is a classified online school directory designed to facilitate parents in the process to search for the best schools to enroll their kids. It provides the following features:
- Allow users to create an account.
- Allow users to search for schools found in Dubai based on their search criteria.
- Give a deep explanation of the kind of curriculum available in every selected school.
- Provides information about the overall performance of any school selected.
- Guide for parents and more This project was implemented using HTML5, CSS3, Bootstrap and, JavaScript.
-
HTML
-
CSS
-
BOOTSTRAP 4.5
-
This project implements core functionalities in CSS3 such as:
- Flexbox
- Bootstrap Grid
- Positioning Using Float, relative, fixed, z-index, and absolute
- HTML Semantics
- CSS Gradient
- Responsiveness
- UI/UX implementation
- And more
Navigation bar
- This project depicts a directory of kindergarden, secondary and high schools in Dubai.
- You can search through the directory for any school within Dubai
Project Specification
- the main page (search page), with a link to the results page
- the search results page, with a list of schools each with a link to the detail school page
- the detail school page
Each of these pages have versions for 3 different screen sizes:
- mobile: up to 768px
- tablet: up to 1024px
- desktop: from 1024px
To get a local copy and to set it up and running follow these simple example steps.
-
Browser
-
Internet
-
Download the code from repository (https://github.com/happiguru/Dubai_School_Directory/tree/Feature-branch-DSD) and double click the index.html file
👤 Stanley Enow Lekunze
- Github: @happiguru
- Twitter: @Lekunze_Nley
- Linkedin: lekunze-nley
Give a ⭐️ if you like this project!
-This project gave us a better understanding of the visual properties that must be used on a website.
This project is MIT licensed.