Welcome to my interactive resume template! This project is a fun way to showcase your professional background using a dynamic, retro-style layout inspired by old-school command prompts. 🚀
- Dynamic Content Loading: Fetches and displays your resume details from a JSON file.
- Interactive Sections: Clickable buttons to minimize, maximize, or close different sections.
- Responsive Design: Optimized for various screen sizes.
- Stylish Retro Theme: Aesthetic inspired by classic computer terminals.
-
Clone the repository:
git clone https://github.com/yourprofile/interactive-resume.git
-
Navigate to the project directory:
cd interactive-resume
-
Open
index.html
in your favorite browser.
-
Update
content.json
: Fill in your personal details, work experience, education, skills, and projects.{ "firstName": "Your", "lastName": "Name", "email": "[email protected]", "phone": "123-456-7890", "linkedin": "https://linkedin.com/in/yourprofile", "github": "https://github.com/yourprofile", "summary": "Brief summary of your professional background and career goals.", ... }
-
Modify Styles: Tweak the
styles.css
file to match your personal branding.body { font-family: 'Share Tech Mono', monospace; background: #000; color: #00ff00; ... }
This project helped me consolidate my JavaScript, CSS, and HTML skills learned from freeCodeCamp. Here are some key concepts I practiced:
- Fetch API for dynamic content loading
- DOM manipulation for interactive UI elements
- Responsive design with CSS Grid and Flexbox
Contributions are welcome! Feel free to fork this repository, make your changes, and submit a pull request.
This project is licensed under the MIT License. See the LICENSE file for details.