Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ktabassum1809/portfolio_new
My Portfolio is a personal website built to showcase my skills, projects, and professional background. It's designed to provide an interactive and visually appealing way for potential employers to learn more about my work and experience.
https://github.com/ktabassum1809/portfolio_new
javascript reactjs styled-components timeline-component
Last synced: 12 days ago
JSON representation
My Portfolio is a personal website built to showcase my skills, projects, and professional background. It's designed to provide an interactive and visually appealing way for potential employers to learn more about my work and experience.
- Host: GitHub
- URL: https://github.com/ktabassum1809/portfolio_new
- Owner: ktabassum1809
- Created: 2024-11-04T14:52:04.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2024-12-31T09:28:06.000Z (18 days ago)
- Last Synced: 2024-12-31T10:26:06.343Z (18 days ago)
- Topics: javascript, reactjs, styled-components, timeline-component
- Language: JavaScript
- Homepage: https://portfolio-new-gh6v.onrender.com/
- Size: 2.78 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🖥️ My Portfolio
## About The Project
My Portfolio is a personal website built to showcase my skills, projects, and professional background. It's designed to provide an interactive and visually appealing way for potential employers to learn more about my work and experience. The website is built with React, JavaScript, and styled-components, ensuring a modern and responsive design.
## Table of Contents
- 🖥️ My Portfolio
- About The Project
- Table of Contents
- Demo
- Features
- Technologies Used
- Installation
- Usage
- Built with:
- Components Overview:
- Team members:
- Acknowledgements
## Demo
## Deployment
🌐 Live Project: [My Portfolio](https://portfolio-new-gh6v.onrender.com/)
## Features
- 📜 **About Me**: A brief introduction to who I am, my background, and my skills.
- 💼 **Projects**: A showcase of the web development projects I’ve worked on, including live demos and source code links.
- 📑 **Skills**: A section highlighting the key technologies I specialize in.
- 📞 **Contact**: A contact form that allows potential employers to get in touch.
- 🌍 **Responsive Design**: Optimized for a seamless experience across desktop and mobile devices.
## Technologies Used
### Frontend:
- ⚛️ **React**
- 🌐 **React Router**
- 🖌️ **styled-components**
- 🎨 **CSS**
### Tools:
- 🛠️ **Node.js**
- 📦 **npm**
- 🗂️ **Git & GitHub**
## Installation
**Clone the repository:**
```bash
git clone https://github.com/ktabassum1809/portfolio_new.git
```
**Install dependencies:**
```bash
npm install
```
**Run the Project:**
```bash
npm run dev
```
## Usage
Once the project is running:
- 🎯 Visit http://localhost:3000 to access the application.
## Built with:
- ⚛️ **React** - JavaScript library for building user interfaces.
- 🌐 **React Router** - Client-side routing for seamless navigation.
- 🖌️ **styled-components** - For component-level styling.
- 🎨 **CSS** - For layout and styling.
## Components Overview:
- 📝 **AboutMe**: Displays information about me, my background, and skills.
- 📚 **Projects**: Showcases projects with descriptions, links to live demos, and source code.
- 🖥️ **Skills**: Lists the technologies I am proficient in.
- 📞 **ContactForm**: A form to allow visitors to contact me.
- 🧭 **Header & Footer**: Persistent header with navigation links and footer for additional info.
- 🗂️ **Layout**: A consistent layout for all pages.
## Acknowledgements
- 🎨 **CSS** for styling.
- 🖌️ **styled-components** for flexible styling.
- ⚛️ **React Documentation** for development guidance.
- 🛠️ **Vite** for fast development and build processes.