Welcome to MyPortfolio, a single-page application (SPA) built using React and React Browser. This application serves as a customizable portfolio page, allowing users to showcase their projects, resume, contact information, and more. The configuration of the portfolio is handled through various data files, including contact
, project
, resume
, secret
, and services
.
- SPA Design: MyPortfolio is designed as a single-page application for smooth navigation and enhanced user experience.
- Customizable: Easily configure your portfolio using data files to showcase your projects, resume, and contact information.
- Secret Management: Store sensitive information such as private keys and API keys securely in the
secret
file.
To get started with MyPortfolio, follow these steps:
-
Clone the Repository:
git clone https://github.com/your-username/MyPortfolio.git
-
Install Dependencies:
cd MyPortfolio npm install
-
Configure Data Files:
- Populate the
contact.json
,project.json
,resume.json
, andservices.json
files with your information and projects. - Add any sensitive information such as private keys or API keys to the
secret.json
file.
- Populate the
To deploy MyPortfolio, you can follow these instructions:
-
Build the Application:
npm run build
-
Serve the Build:
- You can use various methods to serve the build files, such as:
- Local Server: Serve the build using a local server like
http-server
orserve
. - Static Site Hosting: Deploy the build to static site hosting platforms like Netlify, Vercel, or GitHub Pages.
- Local Server: Serve the build using a local server like
- You can use various methods to serve the build files, such as:
-
Environment Variables:
- If your deployment environment requires environment variables (e.g., API keys), ensure to set them up accordingly.
Contributions are welcome! If you encounter any issues or have suggestions for improvements, feel free to open an issue or submit a pull request.
This project is licensed under the MIT License.