About Me

Hello! I am a passionate software developer with a focus on Python and web development. I love to create projects that solve real-world problems and I am always eager to learn new technologies.

My Projects

• Project 1 – Web App for Task Management
• Project 2 – Data Analysis Tool using Python
• Project 3 – Personal Blog built with Flask

Contact Me

Email: example@email.com

LinkedIn: Visit My LinkedIn

Introduction and Objective

This simple portfolio website is created to showcase a developer’s skills, projects, and contact information. The website consists of three main sections: About Me, Projects, and Contact. It uses Flask, a Python web framework, to serve the content dynamically.

The primary goal is to build a simple, SEO-friendly portfolio using HTML for structure, CSS for styling, and Python (via Flask) for backend handling. It serves as a practical example of combining front-end and back-end development, helping developers build their online presence.

Program Structure and How to Run:

1. HTML File (index.html):

The HTML structure contains three main sections: About, Projects, and Contact. The <header> contains the navigation links for easy access to each section. The <footer> includes a copyright notice.

2. CSS File (styles.css):

This file is used for styling the website (it should be placed in the static folder).

3. Python Code:

The Python file (app.py) uses Flask to serve the HTML template. It defines a route for the home page (/) and renders the index.html file.

Steps to Run the Program:

1. Install Flask: If Flask isn’t installed yet, run the following command in your terminal:

   pip install flask

2. File Setup:
   • Create a project folder (e.g., portfolio_website).
   • Inside the project folder, create a templates folder and a static folder.
   • Place your index.html file inside the templates folder.
   • Place the styles.css file inside the static folder.
   • Create a Python file (app.py) in the root folder of your project.
3. Run the Python Code: In the terminal, navigate to the folder where your Python file is located and run:

   python app.py

4. Open the Website: Open your browser and visit http://127.0.0.1:5000/. Your portfolio website should appear.

Explanation of the Code:

1. HTML Structure:

The index.html file contains standard HTML structure for a portfolio website. It uses <header> for the site’s title and navigation, <section> tags for different content blocks (About, Projects, and Contact), and a <footer> for copyright information.

2. CSS Styling:

The styles.css file would contain basic styling rules (e.g., for layout, fonts, and colors) to enhance the visual appearance of the site.

3. Flask Backend:

The app.py file defines the backend logic. The @app.route('/') decorator maps the home URL (/) to the home() function, which renders the index.html template when the route is accessed.

Running the Flask app starts a local development server where you can view your portfolio.

Conclusion:

This simple portfolio website uses Python and Flask to serve HTML content dynamically. The website is SEO-friendly, with proper meta tags, and can be easily customized with more sections or styling to suit personal needs.