An open API service indexing awesome lists of open source software.

https://github.com/datadiggerjay/portfolio

Simple and responsive Portfolio Website designed to showcase your skills and projects as a web developer.
https://github.com/datadiggerjay/portfolio

bootstrap css html javascript portfolio-website webdesign

Last synced: about 2 months ago
JSON representation

Simple and responsive Portfolio Website designed to showcase your skills and projects as a web developer.

Awesome Lists containing this project

README

          

# Personal Portfolio Website

This is a simple and responsive **Portfolio Website** designed to showcase your skills and projects as a web developer. It is built using **HTML**, **CSS**, **JavaScript**, **Tailwind CSS**, **Bootstrap**, and other front-end technologies. This project provides a clean, modern, and animated layout to present your web development skills in a professional manner.

## Features

- **Responsive Design**: The website layout is fully responsive, adapting seamlessly to various screen sizes (desktop, tablet, mobile).
- **Skills Section**: Showcase your skills with neatly organized icons and labels for technologies like HTML, CSS, JavaScript, React, Tailwind, and Bootstrap.
- **Project Gallery**: Display your development projects with descriptions and images. Use placeholder images and update them with your real project screenshots.
- **Animations**: The site features smooth animations powered by AOS (Animate on Scroll) library to make the user experience more engaging.
- **Contact Form**: A simple contact form section that can be used to get in touch with you. You can replace the form action to integrate it with a backend or email service.

## Technologies Used

- **HTML** - Structure and content of the website.
- **CSS** - Styling of the website (with some custom styling and Tailwind CSS).
- **JavaScript** - Added interactivity and behavior.
- **Tailwind CSS** - Utility-first CSS framework for rapid UI development.
- **Bootstrap** - For additional responsiveness and pre-built components.
- **AOS (Animate on Scroll)** - For scroll-based animations.

## Installation

### Steps to Set Up Locally:

1. Clone this repository:

git clone https://github.com/DataDiggerJay/portfolio

2. Navigate to the project directory:

cd portfolio

3. Open the index.html file in your web browser to view the site locally.