myPortfolio is a personal website that can be used by any Digital Professionals including Developers and Designers.
In today's digital age, establishing a strong online presence is crucial for professionals across various industries. A personal website serves as your digital storefront, offering a platform to showcase your skills, projects,blog posts, accomplishments, and more. And that why I built this open source app.
Whether you're a seasoned developer, a creative designer, a freelance writer, or any other digital professional, having your corner of the internet can significantly impact your professional and personal growth positively in several ways. So, fork this application, customize it and make it your digital home base — a place where you can curate your online presence, showcase your skills, projects, accomplishments, and tell your story in a way that's entirely unique to you.
- React(v18+)
- Next.js(v13+)
- Bootstrap5
- CSS3
- HTML5
- MailChimp API
- Formspree API
- Google fonts
- Install Node and npm
- Fork the project
- Install packages
npm install or yarn install or npm i- Start the development server
npm run dev or yarn devThen, navigate to localhost:3000/. to view it in the browser.
The src will automatically reload if you change any of the source files.
- Build for production
npm run build or yarn build- Run production mode
npm start or yarn start
The default mode is light version. But, you can change it by navigating to the src/pages/app.js/ directory.
Then, you will find the dark and light sections from line 5 and 6 respectively. Simply comment out one to apply the other.
Head over to MailChimp website, create an account and get your API URL and key. Once you are done, navigate to src/data/app.json. Open app.json file and paste your MailChimp API URL and key into URL and key sections at line 10 and 11 respectively.
Head over to Formspree website, create an account and get your API. Once you are done, navigate to src/data/app.json. Open app.json file and paste your formspree API into formspreeURL section at line 8.
If you find any issues while installing or using the app, kindly open an issue with the tag
"enhancement".
Note: Make sure you browse through the existing issues to check if the issue already exists.
Any contributions you make are greatly appreciated.
If you have a suggestion that would make this app better, please fork the repo and create a pull request. You can also simply open a discussions or an issue with the tag "enhancement".