Skip to content

✈️ A simple portfolio for me to showcase and improve my skills. Took a template and modify to my needs.

Notifications You must be signed in to change notification settings

lertsoft/personal_site

 
 

Repository files navigation

Portfolio Website For Developers 💯

Typing SVG

UPDATE:

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.
  • Scroll to top button.
  • Translation button.

Structure

.
├── README.md                # README file
├── next.config.js           # Next JS configuration
├── public                   # Public folder
│   └── locales              # English and Spanish translation files
│   ├── images               # Images
├── pages                    # Next JS pages
│   ├── api                  # api's and easter
├── components               # Components and other utilities.
├── styles                   # PostCSS style folder with Tailwind
├── lib                      # API fetch
├── fonts                    # Fonts
├── cypress                  # Testing files
├── constants                # Constant data and information.
├── demo-images              # Demo Images for the Readme file
├── tailwind.config.js       # Tailwind CSS configuration
├── cypress.config.js        # End-to-End Testing
└── next-i118next.config.js  # i18n configuration

Pages

I've kept the pages as simple as possible. Only the required sections are included with minimal content.

Landing

Hompage

Landing in spanish

Hompage

About

Hompage

Projects

Hompage

Experience

Hompage

Contact

Hompage

Link In Bio

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 :)).

About

✈️ A simple portfolio for me to showcase and improve my skills. Took a template and modify to my needs.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 92.4%
  • CSS 7.5%
  • Shell 0.1%