/simple-developer-portfolio-website

✈️ A simple portfolio for developers to showcase their skills and projects. Blog and tutorial at freeCodeCamp.

Primary LanguageJavaScript

Portfolio Website For Developers 💯

UPDATE:

  1. Wrote a detailed blog on freeCodeCamp, describing and explaining how I built this application from the ground up.

  2. Included the constants folder, 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.

HomeGif

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

Hompage

About

Hompage

Projects

Hompage

Experience

Hompage

Contact

Hompage

Tech Stack

The website is built in my favourite Tech Stack and deployed on Vercel

Usage

  • Clone the repository using git clone https://github.com/manuarora700/simple-developer-portfolio-website.git
  • Install all the modules by using npm i or npm install or yarn
  • Run the local development server by using npm run dev or yarn 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 Project and 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 :)).

Support

Buy Me A Coffee