//A brief introduction and the purpose of the website.

Introducing [ Department of computer science website]

Welcome to Department of computer science website! This is a web development project designed to teach you how to create a functional website. This Readme will guide you through the process of cloning and setting up the project, provide you with a brief overview of each page, and discuss what you have learned from this project.

Table of Contents

1. Project Overview
2. Getting Started
3. Contributor
4. Website Screenshots
5. What I've Learned

Project Overview

This school website is to improve communication, engage parents, market its strengths, and build a solid, trusting reputation within its community.

Getting Started

To clone and set up the project, follow these steps:

1. First, clone the repository by running the following command in your terminal:

git clone https://github.com/NorgbePrince/11308636_DCIT_205

After cloning the repository, navigate to the project folder using the command:
cd myproject

Next, install the necessary dependencies by running:
npm install

Once the dependencies are installed, you can start the development server by running:
npm start

Open your browser and visit http://localhost:3000 to view your website.

DCIT_205
## Contributor
Name: Prince Norgbe
Student ID:11308636

##Screen shots

<img width="960" alt="Screenshot 2023-11-28 201515" src="https://github.com/NorgbePrince/11308636_DCIT_205/assets/151167047/b9e0e617-9459-438a-a80d-0ac80cb6c313">

<img width="955" alt="Screenshot 2023-11-28 201638" src="https://github.com/NorgbePrince/11308636_DCIT_205/assets/151167047/a1f2f4d0-37d3-45ad-bdad-d6af5aeac789">


<img width="960" alt="Screenshot 2023-10-20 100138" src="https://github.com/NorgbePrince/11308636_DCIT_205/assets/151167047/40fb44bc-cba6-45f9-9737-8f9b34e869bd">



<img width="954" alt="Screenshot 2023-11-28 201655" src="https://github.com/NorgbePrince/11308636_DCIT_205/assets/151167047/a09e26ce-964c-4438-b873-79c23f54ecf5">

<img width="955" alt="Screenshot 2023-11-28 201721" src="https://github.com/NorgbePrince/11308636_DCIT_205/assets/151167047/efc4b334-0a07-45d9-9f17-f60808296068">



<img width="960" alt="Screenshot 2023-11-28 201817" src="https://github.com/NorgbePrince/11308636_DCIT_205/assets/151167047/d28d7b35-23b0-41b4-8873-1c00bbbb3f66">


<img width="957" alt="Screenshot 2023-11-28 201745" src="https://github.com/NorgbePrince/11308636_DCIT_205/assets/151167047/1d92142b-cc5b-4e28-ac29-d5b448d6845a">


## What I've Learned
Throughout the development of this project, I learned several key lessons such as:

Frontend Development: Understanding and implementing responsive design principles.
Backend Integration: Integrating databases or APIs to fetch or store data.
Version Control: Improved usage of Git for version control and collaboration.
Problem-Solving: Overcoming challenges in coding and debugging.
Project Management: Time management and planning for different phases of development.

Example Lesson Learned:
By working on the frontend, I gained proficiency in using CSS Flexbox and Grid layouts effectively, enhancing the responsiveness and aesthetics of the website. This helped in creating a more user-friendly interface.