Welcome to John Jack's Personal Portfolio, a simple Single Page Application (SPA) that showcases John Jack's web development skills and provides an interactive platform to learn about various web development components. This project serves as an excellent learning resource for beginners and enthusiasts interested in web development.
- Navigation: The application includes a navigation bar that provides easy access to different sections.
- Text Animation: Engage your users with text animations that add an element of creativity.
- Images: A visual representation is vital, and this portfolio incorporates images for projects and personal details.
- Lists: Organize your content with ordered and unordered lists for easy readability.
- Tabs: Use tabs to present content in a structured manner, making it user-friendly.
- Tables: Organize and present data using HTML tables.
- Forms and Form Elements: Explore various form elements like input fields, buttons, and checkboxes.
- Semantic HTML Elements: Utilizes semantic elements like headers, footers, articles, and sections to structure content effectively.
- Metadata Elements: Includes metadata elements like title and meta tags.
- Bootstrap: The portfolio is styled using the Bootstrap framework, providing a responsive and clean design.
- Custom CSS: The application includes custom CSS (feature.css) to enhance the overall appearance.
- Form Field Validation: Form fields in the application demonstrate client-side validation to ensure data integrity.
- Text Animations: JavaScript is used to create text animations that capture the user's attention.
- Fetch API for Post Call: You can explore how the Fetch API is used to make POST requests.
- Bootstrap: Enhance the visual appeal of your portfolio with Bootstrap's responsive design.
- Slick Carousel: Create dynamic and visually appealing carousels.
- AOS (Animate On Scroll): Add engaging animations to elements when they enter the viewport.
- Image and Content Assets: All image, CSS, and JavaScript libraries are stored in the 'assets' directory.
If you want to practice or contribute to this portfolio project, you can follow these steps:
- Clone the repository to your local machine.
- Create a new branch for your practice session using a descriptive branch name.
- Explore and experiment with HTML components, CSS styling, and JavaScript functionality.
- Make improvements, add new features, or fix any issues you encounter.
- Create a pull request with your changes, and Mentor will review your contributions.
Contributions are welcome! If you'd like to enhance this portfolio, please create a pull request.
Feel free to contact mentor for questions or feedback.
- Portfolio: SampleWebApplication