Git Product home page Git Product logo

v2.ismailkhan.dev's Introduction

Ismail Khan - Personal Site

Welcome to Ismail Khan's personal website! This website showcases my portfolio, blog, and other projects. It's built using Flask, Frozen-Flask, Jinja2, TailwindCSS, and TypeScript.

Follows PEP8 style guidelines for Python code.

Features

  • Home Page: An introduction to me and my work.
  • Projects Page: Explore the projects I've worked on, complete with descriptions and links.
  • Blog Page: Access my blog posts on various topics.
  • Responsive Design: The website is responsive and looks great on both desktop and mobile devices.
  • TailwindCSS Styling: Stylish and modern UI design using TailwindCSS.
  • Static Site Generation: Uses Frozen-Flask to generate static HTML pages for faster loading and deployment.

Technologies Used

  • Flask: A micro web framework for Python used for building web applications.
  • Frozen-Flask: Converts Flask web applications into static websites.
  • Jinja2: A template engine for Python, used for rendering HTML templates.
  • TailwindCSS: A utility-first CSS framework for creating modern and responsive web designs.
  • JavaScript: Used for client-side interactivity and dynamic behavior.
  • GitHub: Hosting the source code and project repository.

Getting Started

To run this project locally, follow these steps:

  1. Clone the repository to your local machine:

    git clone https://github.com/ismailkhan-dev/personal-github-site-flask.git
  2. Navigate to the project directory:

    cd personal-github-site-flask
  3. Create a virtual environment (recommended):

    python -m venv venv
  4. Activate the virtual environment:

    • On macOS and Linux:

      source venv/bin/activate
    • On Windows (Command Prompt):

      venv\Scripts\activate
    • On Windows (PowerShell):

      .\venv\Scripts\Activate.ps1
  5. Install the project dependencies:

    pip install -r requirements.txt
  6. Run the Flask development server:

    flask --app app --debug run

    The website will be accessible at http://localhost:5000 in your web browser.

  7. Build the tailwindCSS output.css in another shell (optional):

    npx tailwindcss -i ./static/src/input.css -o ./static/dist/css/output.css --watch
  8. Build the static files with Frozen-Flask:

     python3 build.py

v2.ismailkhan.dev's People

Contributors

actions-user avatar

Watchers

Ismail Khan avatar

v2.ismailkhan.dev's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.