This project is part of a course assignment to create a website for the Community Science Museum, an interactive science museum targeting primary and middle school children (ages 7-15) and families with young children. The website aims to be informative, engaging, and encourages visitors to explore the museum.
- The site must have a design that appeals to the target audience.
- The site must have at least 4-6 pages.
- Compositional principles, typography, and colour schemes must be considered.
- HTML should be semantic and neatly indented.
- The site should use external CSS style sheets which follow the DRY principle.
- The site should download quickly and not be overly “heavy”. Images should be at most 200kb.
- The site should consider WCAG principles, especially regarding hierarchy, navigation, and colour usage.
- The site should be responsive, attractive, and easy to use on various devices.
- The site should show consideration for content strategy and SEO (consider your use of meta tags and alt text).
- HTML
- CSS
The website was developed using semantic HTML and DRY CSS principles to ensure a clean and maintainable codebase. The design is fully responsive, providing an optimal viewing experience across various devices. Accessibility considerations were integrated from the start, ensuring the site adheres to WCAG guidelines.
Netlify: https://eclectic-starlight-157592.netlify.app/
Feel free to reach out to me for any inquiries or collaboration opportunities:
- Email: vbpedersen@outlook.com
- LinkedIn: LinkedIn
To get started with this project, follow these steps:
- Clone the repository by running the following command in your terminal:
git clone https://github.com/Veronicabrun/Semester-Project-1.git
- Once the repository is cloned, navigate to the project directory:
cd Semester-Project-1 - Install the dependencies:
npm install
To run the app, use the following command:
npm run start