DEV Community

Cover image for Introducing Devport - a mini portfolio maker
Utsav bhattarai
Utsav bhattarai

Posted on • Edited on

Introducing Devport - a mini portfolio maker

What I built

I built the web app which is Devport, A stunning portfolio maker. It's help you specially developer to make the collection of their social media and showcase them with top notch customization. It has 7+ theme which you can try in your portfolio.

Category Submission:

Choose Your Own Adventure

App Link

Devport 👉 devport.me

Screenshots

Home page

Home page

Feature page

Feature page

Dashboard Page(Set up Link)

Dashboard Page(Set up Link)

Customization page

Customization page

Profile page

Profile page

Search page

Search page

Portfolio page

Portfolio page

Automated mail

mail

Description

Devport is the MIT licensed open source project that helps you specially developer to make stunning dev portfolio with top notch customization and good looking UI. You can also switch the status of your portfolio to active or offline. And One last thing, You can also subscribe to our newsletter to get engagement update of your portfolio.

Features

  • Create Portfolio - You can create your portfolio with your own information in just a few minutes.

  • Top notch customization - You can use any of the 7+ pre-built themes to customize your portfolio.

  • Active/Offline status - You can switch the status of your portfolio to active or offline.

  • Newsletter - You can subscribe to our newsletter to get engagement update of your portfolio. There is a automated auto running in server which track the views of every user whose newsletter is enable.

  • SEO friendly - This website is SEO friendly. You can easily rank your portfolio on google.

  • JWT based login system - Devport is fully optimized by jwt due to which It has secure environment.

Link to Source Code

GitHub logo utsavbhattarai007 / portfolio-maker

A mini portfolio maker with full customization

cover_img

Introduction

Devport is the MIT licensed open source project that helps you specially developer to make stunning dev portfolio with top notch customization and good looking UI. You can also switch the status of your portfolio to active or offline. And One last thing, You can also subscribe to our newsletter to get engagement update of your portfolio.

Features

  • Create Portfolio - You can create your portfolio with your own information in just a few minutes.

  • Top notch customization - You can use any of the 7+ pre-built themes to customize your portfolio.

  • Active/Offline status - You can switch the status of your portfolio to active or offline.

  • Newsletter - You can subscribe to our newsletter to get engagement update of your portfolio.

  • SEO friendly - This website is SEO friendly. You can easily rank your portfolio on google.

Prerequisites

Installation

# Clone the
…
Enter fullscreen mode Exit fullscreen mode

Video

Permissive License

MIT

Background

I got inspiration from Linktree, where user can make collection of their social media and showcase them to others but I don't like the classy design of linktree. So, I decided to make the one with modern design and top notch
customization. In this way, Devport has been immersed.

How I built it

I usually used Mongodb as the primary database and I love it. So, Using It as a hackathon project, enhance my backend skill. MongoDb database was my first non-sql database that I learned due to which it been easy to use it.

mongo

I used the basic crud functionality of Mongodb to make the backend of the devport. There are 4 schema. They are:

  1. For user
  2. For portfolios
  3. For bot to count views
  4. For token (JWT)

mongo1

Additional Resources/Info

  • MongoDb 👉 docs

  • React js 👉 docs

Top comments (2)

Collapse
 
roshanacharya profile image
Roshan Acharya
Collapse
 
utsavbhattarai007 profile image
Utsav bhattarai