Project Overview

This is the repository for the web development part of 67-250, the Information Systems Milieux. I was tasked with creating a mock personal website in 5 parts, which through doing so, I worked hands-on with HTML, CSS, JavaScript, APIs, and libraries like JQuery.

Features

• Responsive Design: Adapts to different screen sizes and devices
• Multiple Pages: About, Resume, Fun, and Contact sections
• Interactive Elements:
  • Expandable bio section
  • Contact form with validation
  • Dynamic copyright year
  • Interactive map
• Modern Styling: Clean aesthetics with consistent color scheme

Technologies Used

• HTML5
• CSS3
• JavaScript
• jQuery 3.7.1
• Google Fonts (Roboto)
• Google Maps Embed API

Project Structure

67250_webdevlabs/
├── index.html           # Home/About page
├── static/
│   ├── style.css        # Main stylesheet
│   ├── script.js        # JavaScript functionality
│   ├── jquery-3.7.1.js  # jQuery library
│   └── profile.jpg      # Profile image
├── views/
│   ├── cv.html          # Resume page
│   ├── fun.html         # Fun/Play page
│   └── contact.html     # Contact information and form
└── README.md            # Project documentation

Getting Started

Prerequisites

• A modern web browser (Chrome, Firefox, Safari, Edge)

Installation

1. Clone the repository:

   git clone https://github.com/NeilARaman/67250_webdevlabs.git
   

2. Open the project folder:

   cd 67250_webdevlabs
   

3. Open index.html in your browser to view the website.

Usage

• Navigate between pages using the navigation menu at the top of each page
• On the About page, use the "Read More" button to expand the bio section
• Fill out the contact form on the Contact page to send a message (note: form submission functionality is simulated)
• View University location on the embedded Google Map

Development

To modify this project:

1. Edit HTML files to change content structure
2. Modify static/style.css to change styling
3. Update static/script.js to alter functionality

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgements

• Carnegie Mellon University
• 67-250 course instructors and teaching assistants