https://github.com/anastasios3/anastasios-tatarakis-cv-mk-ii
A responsive portfolio website showcasing my web development skills and experiences. Built with HTML, CSS (Sass), and JavaScript, it features a modern design, smooth animations, and easy navigation. The project highlights my work experience, education, and specializations, offering a comprehensive view of my professional background.
https://github.com/anastasios3/anastasios-tatarakis-cv-mk-ii
bootstrap css3 git html5 javascript sass
Last synced: 2 months ago
JSON representation
A responsive portfolio website showcasing my web development skills and experiences. Built with HTML, CSS (Sass), and JavaScript, it features a modern design, smooth animations, and easy navigation. The project highlights my work experience, education, and specializations, offering a comprehensive view of my professional background.
- Host: GitHub
- URL: https://github.com/anastasios3/anastasios-tatarakis-cv-mk-ii
- Owner: Anastasios3
- Created: 2024-06-23T17:19:53.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2025-02-18T08:54:59.000Z (over 1 year ago)
- Last Synced: 2025-02-18T09:37:13.828Z (over 1 year ago)
- Topics: bootstrap, css3, git, html5, javascript, sass
- Language: SCSS
- Homepage: https://anastasios3.github.io/Anastasios-Tatarakis-CV-Mk-II/
- Size: 16.8 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Security: SECURITY.md
Awesome Lists containing this project
README
# Anastasios Tatarakis CV Mk II
## Overview
Anastasios Tatarakis CV Mk II is a personal portfolio and CV website designed to showcase my skills and experiences in web development. The website features a clean, modern aesthetic with sections dedicated to work experience, education, and specializations. It is built using HTML, CSS (with Sass for advanced styling), and JavaScript. The site is fully responsive, ensuring an optimal viewing experience on all devices.
## Features
- **Responsive Design**: Ensures optimal viewing on all devices using a mobile-first approach.
- **Modern Aesthetic**: Clean design with smooth animations and interactive elements.
- **Easy Navigation**: Intuitive layout with clearly defined sections for easy navigation.
- **Rich Media Integration**: Incorporates fonts, videos, and images to enhance the user experience.
- **Advanced Styling with Sass**: Modular and maintainable CSS using Sass.
## Technologies Used
- **HTML5**: Markup language for structuring the content.
- **CSS3**: Styling language for designing the content.
- **Sass**: CSS preprocessor for more advanced and maintainable styling.
- **JavaScript**: Programming language for interactive elements.
- **jQuery**: JavaScript library for easier DOM manipulation.
- **FontAwesome**: Icon library for adding scalable vector icons.
- **Bootstrap**: Front-end framework for responsive design (optional).
- **Git**: Version control system for tracking changes.
## Installation
To run this project locally, follow these steps:
### Prerequisites
- [Node.js](https://nodejs.org/) (for running local server and Sass compiler)
- [Git](https://git-scm.com/) (for cloning the repository)
### Steps
1. **Clone the Repository**
```bash
git clone https://github.com/Anastasios3/Anastasios-Tatarakis-CV-Mk-II.git
cd Anastasios-Tatarakis-CV-Mk-II
```
2. **Install Dependencies**
Install Sass globally if it's not already installed:
```bash
npm install -g sass
```
3. **Compile Sass to CSS**
Navigate to the project directory and compile the Sass files:
```bash
sass assets/sass/main.scss assets/css/main.css
```
4. **Run a Local Server**
Use a local server to view the project. One simple method is to use the [Live Server extension](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) in Visual Studio Code, or use a lightweight local server like `http-server`.
If using `http-server`, install it globally:
```bash
npm install -g http-server
```
Then run it in the project directory:
```bash
http-server
```
Open your browser and go to `http://localhost:8080` (or the port specified by the server).
## Usage
Navigate through the sections of the website to explore different aspects of my professional background. Each section provides detailed information and interactive elements for an engaging user experience.
## License
This project is licensed under the MIT License. See the LICENSE file for details.
## Feedback
Your feedback is invaluable to the development of this project. Please check out the repository and let us know what you think. Any suggestions or insights are greatly appreciated.
## Repository
You can find the repository at [Anastasios Tatarakis CV Mk II](https://github.com/Anastasios3/Anastasios-Tatarakis-CV-Mk-II).
Thank you for your time and interest in my CV and portfolio!