Portfolio Website For Developers 💯
UPDATE:
-
Wrote a detailed blog on freeCodeCamp, describing and explaining how I built this application from the ground up.
-
Included the
constantsfolder, where you can directly add your details and it'll get reflected throughout the application. No more customizations for the template required, just add your data and it'll reflect immediately.
Portfolio for developers is a simple and minimalistic website to showcase your skills and projects as a developer. The design is inspired by Kevin Clark. The website is completely Open Source, you can use it for whatever purpose you want.
Features
- Responsive layout, works well on both Mobile and Desktop
- Dark mode support. Click buttons to toggle dark mode and light mode.
- Clear React components and tailwind styling.
- Exact sections that a developer needs to showcase their skills.
- Clear call to actions.
Pages
I've kept the pages as simple as possible. Only the required sections are included with minimal content.
Landing
About
Projects
Experience
Contact
Tech Stack
The website is built in my favourite Tech Stack and deployed on Vercel
- Next.js for building React Components.
- tailwindcss for styling.
- React Rough Notation for Hero section highlighting.
- Vercel for deployments and CI/CD.
Usage
- Clone the repository using
git clone https://github.com/manuarora700/simple-developer-portfolio-website.git - Install all the modules by using
npm iornpm installoryarn - Run the local development server by using
npm run devoryarn dev - Make the required edits and deploy to YOUR GitHub repo for CI/CD.
Deployment
Deployment can be done in 3 easy steps.
- Login to Vercel or signup for an account if you don't have one.
- Create a
New Projectand select YOUR GitHub repository of the portfolio project. - Wait for Vercel to deploy your project to production.
License
This template is completely open source and free to use. Use it for client projects or your own portfolio project. Give me credits at the footer (If you wish, it'll help me a lot :)).
