Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/hoangsonww/my-portfolio-website
🌟 A sleek showcase of my tech journey - dive into my projects, experiences, and innovations. Built with passion, presented with flair! Constructed using React, jQuery, SwiperJS, and Flask.
https://github.com/hoangsonww/my-portfolio-website
css docker expressjs flask html javascript jquery microfrontend nodejs portfolio portfolio-page portfolio-project portfolio-site portfolio-website python react reactjs swiper-js vue
Last synced: 2 months ago
JSON representation
🌟 A sleek showcase of my tech journey - dive into my projects, experiences, and innovations. Built with passion, presented with flair! Constructed using React, jQuery, SwiperJS, and Flask.
- Host: GitHub
- URL: https://github.com/hoangsonww/my-portfolio-website
- Owner: hoangsonww
- License: cc0-1.0
- Created: 2023-10-21T20:45:28.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-11T15:32:58.000Z (2 months ago)
- Last Synced: 2024-11-11T16:30:49.220Z (2 months ago)
- Topics: css, docker, expressjs, flask, html, javascript, jquery, microfrontend, nodejs, portfolio, portfolio-page, portfolio-project, portfolio-site, portfolio-website, python, react, reactjs, swiper-js, vue
- Language: HTML
- Homepage: https://sonnguyenhoang.com/
- Size: 36.9 MB
- Stars: 19
- Watchers: 12
- Forks: 10
- Open Issues: 0
-
Metadata Files:
- Readme: .github/README.md
- License: LICENSE
- Security: .github/SECURITY.md
Awesome Lists containing this project
README
# Welcome to My Portfolio Website! 🌟
🚀 Welcome to the repository of my personal portfolio website! A seamless blend of style and functionality, showcasing my journey, projects, and skills in the tech world. Built with modern web technologies and a touch of creativity to provide an interactive user experience. Dive in, explore, and let’s connect!
**Currently live at [sonnguyenhoang.com](https://sonnguyenhoang.com)!**
## Features
- **Interactive UI/UX:** A user-friendly interface with interactive elements for an engaging user experience.
- **Responsive Design:** Optimized for a variety of screen sizes and devices, ensuring accessibility and usability.
- **Project Showcase:** A detailed glimpse into my projects, complete with images, descriptions, and live demo links.
- **Personal Chatbot:** A personal chatbot for answering FAQs and providing information about me and my work.
- **Contact Form:** A built-in contact form for easy communication, making staying in touch a breeze.
- **Dark Mode:** A toggleable dark mode for a more comfortable viewing experience in low-light environments.
- **Animations:** Smooth animations and transitions to enhance the user experience and make the website more dynamic.
- **SEO:** Search engine optimization to ensure the website is easily discoverable and accessible.
- **Connectivity:** Links to my social media profiles and contact information for easy connectivity.
- **Compatibility:** Compatible with a wide range of modern browsers and devices for easy accessibility.
- **Accessibility:** Accessibility features to ensure the website is usable by people with disabilities.
- **Performance:** Optimized for performance to ensure the website loads quickly and efficiently.
- **Security:** Secure HTTPS connection to protect the integrity and confidentiality of the website.
- **Flask Backend:** A Flask backend for handling contact form submissions and chatbot functionality.
- **Version Control:** Version controlled with Git and hosted on GitHub for easy collaboration and deployment.
- **Deployment:** Deployed on GitHub Pages with a custom domain name for easy access and a professional look.
- **Analytics:** Google Analytics integration to track and analyze website traffic and user behavior.
- **Maintenance:** Regularly maintained and updated to ensure the website is up-to-date and running smoothly.
## Technologies Used
- HTML5
- CSS3
- JavaScript
- jQuery
- Bootstrap
- SwiperJS
- HTTP Server
- Webpack
- Flask
- REST APIs
- Git
- GitHub Pages
- Google Analytics
- Google Domains
## Installation and Usage
1. **Clone the Repository**
```bash
git clone https://github.com/hoangsonww/My-Portfolio-Website.git
cd My-Portfolio-Website
```
2. **Open with Live Server**
- If you're using VS Code, you can install the Live Server extension and start it to launch the website in your browser.
- Alternatively, simply open the `index.html` file in your browser.
- Also, you can run the following command:
```bash
npm install
npm start
```
3. **Code Formatting**
- Sometimes, you may want to format the code using Prettier. You can do so by running the following command:
```bash
npm run format
```
## Contributing
While this is a personal project, feel free to fork the repository and make adjustments to the code to fit your portfolio's needs. Pull requests are welcome.
However, please refrain from using my images and content for your own portfolio. Also, please do not use this repository to create a website that is an exact copy of mine.
If you use any ideas or code from this repository, please credit me by linking back to this repository, at [https://github.com/hoangsonww/My-Portfolio-Website](https://github.com/hoangsonww/My-Portfolio-Website).
## License
This project is open-source and available under the MIT License. See the [LICENSE](../LICENSE) file for more information.
## Connect with Me
I'm always open to connecting, collaborations, and conversations!
- [LinkedIn](https://www.linkedin.com/in/hoangsonw/)
- [GitHub](https://github.com/hoangsonww)
- [Email](mailto:[email protected])
- [Portfolio](https://sonnguyenhoang.com)
---
Created with ❤️ by [Son Nguyen](https://sonnguyenhoang.com) in 2023. Thanks for visiting today! 🚀