Semester Project 1

Visit the site

Description

This is a website for fictional client.

Client

An interactive science museum called the 'Community Science Museum' is opening soon near my location. Its core target audience is primary and middle school children (ages 7-15) and families with young children.

Brief

Design and build a modern, accessible and responsive web presence for the client using the provided image and text content. The site should appeal to youngsters without pandering; while aiming at a younger audience it should not patronise them with overtly childish themes. The core purpose of the site is to excite and entice people to visit the museum.

User Stories

• A visitor can view a home page showing key information and impactful imagery.
• A visitor can view a contact page showing the museum's address, phone number, opening hours and contact form.
• A visitor can view a contribution showing information on how to contribute to the museum.
• A visitor can view an exhibitions showing upcoming events and available exhibitions.
• A visitor can view a privacy policy page showing the museum's privacy policy.
• A visitor can view a terms and conditions page showing the museum's terms and conditions.

Requirements

• The project must be responsive on mobile, tablet and large screen devices.
• The project must be cross-browser compatible.
• The project must be accessible to a range of users including those with impairments or disabilities.
• The project must be built using semantic HTML elements.
• The project must adhere to the CSS DRY principle.
• The project must be well tested.
• The project design language must appeal to the target audience.

Built with

• Figma
• HTML
• CSS

Getting Started

1. Clone the repo:

git clone https://github.com/H-chai/Semester-Project-1.git

2. Install the dependencies:

npm install

Running

To run the app, run the following commands:

npm run start

Contact

Feel free to contact me

My Linkedin Page