https://github.com/infectedduck/introduction-to-html-css-javascript-final-project
A mini-portfolio website showcasing skills, projects, and recommendations. This project, from the Coursera course "Introduction to HTML, CSS, and JavaScript," features dynamic recommendation addition, a project showcase, and a responsive design. Mastering HTML, CSS, and JS
https://github.com/infectedduck/introduction-to-html-css-javascript-final-project
Last synced: 3 months ago
JSON representation
A mini-portfolio website showcasing skills, projects, and recommendations. This project, from the Coursera course "Introduction to HTML, CSS, and JavaScript," features dynamic recommendation addition, a project showcase, and a responsive design. Mastering HTML, CSS, and JS
- Host: GitHub
- URL: https://github.com/infectedduck/introduction-to-html-css-javascript-final-project
- Owner: InfectedDuck
- License: mit
- Created: 2024-08-30T03:00:02.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-09-14T05:53:45.000Z (almost 2 years ago)
- Last Synced: 2025-03-05T11:35:08.411Z (over 1 year ago)
- Language: HTML
- Homepage:
- Size: 144 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# Introduction-to-HTML-CSS-JavaScript-final-project
## This project is a solution of the [Introduction to HTML CSS and Javascript](https://www.coursera.org/learn/introduction-html-css-javascript/)
## Overview
The Personal Portfolio Website showcases an individual's skills, projects, and recommendations. It includes interactive features for adding recommendations, a stylish and responsive design, and organized sections for project details and skills.
## Features
- **Dynamic Recommendation Addition**: Allows users to add new recommendations through a form.
- **Project Showcase**: Displays various projects with descriptions.
- **Skills Section**: Highlights key skills with logos and descriptions.
- **Responsive Design**: Optimized for both desktop and mobile devices.
## Technologies Used
- **HTML**: Provides the structure and content of the web pages.
- **CSS**: Styles the application for a modern look and responsive design.
- **JavaScript**: Handles dynamic content and user interactions.
## Installation
1. **Clone the Repository**:
```bash
git clone https://github.com/InfectedDuck/Introduction-to-HTML-CSS-JavaScript-final-project.git
cd Introduction-to-HTML-CSS-JavaScript-final-project
```
2. **Open the Project**:
- Open `index.html` in your preferred web browser to view and interact with the application.
## Usage
- **Add Recommendations**: Click the "Add Recommendation" button, enter a recommendation in the textarea, and click "Submit" to add it to the list.
- **View Projects**: Explore the projects listed under the "Projects" section.
- **Check Skills**: Review the skills listed with their corresponding logos in the "Skills" section.
## Code Structure
- `index.html`: The main HTML file containing the structure of the site.
- `styles.css`: Contains all the styling rules for the site, including responsive design and animations.
- `scripts.js`: Handles all JavaScript functionality, including the dynamic addition of recommendations.
## License
This project is licensed under the Mit License See the [LICENSE](LICENSE.txt) file for details.