Web Portfolio Projects Ideas

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • sanity

    Sanity Studio – Rapidly configure content workspaces powered by structured content

    Why not make your own Instagram? It's a cool project where you can work with authentication, handling user profile updates, posts, messaging etc. You can integrate a lot of technologies and I built my own social media app in about 1-2 weeks. I used my own login system, forgot password system, SanityCMS for posts and MongoDB for any database-related tasks.

  • MongoDB

    The MongoDB Database

    Why not make your own Instagram? It's a cool project where you can work with authentication, handling user profile updates, posts, messaging etc. You can integrate a lot of technologies and I built my own social media app in about 1-2 weeks. I used my own login system, forgot password system, SanityCMS for posts and MongoDB for any database-related tasks.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  • supabase

    The open source Firebase alternative.

    This is a project where you take multiple inputs from the user and add them to a database of some sort. Daybook is a good example of what you're going to build. Now you can build this in many different ways. I'm going to outline the path I would personally take. As for the database, there are many options, personally, I'd go with Supabase but feel free to use whatever you are comfortable with.

  • community

    Repository for public issue-tracking and discussions (by scrimba)

    If you're a beginner, I recommend you go through a course first. It helps to have some existing knowledge before attempting to create your projects. I personally used courses from Scrimba and SoloLearn to build my initial understanding.

  • brittanychiang.com v4

    Fourth iteration of my personal website built with Gatsby

    For some inspiration here are some amazing portfolios: Tanvir Bhachu, Richard Mattka, Alex Coven, Robb Owen and Brittany Chiang. These are just some examples of portfolios I really love.

  • anime.js

    JavaScript animation engine

    Now that you've created some projects, you can create your own portfolio. You can showcase who you are, what you do, your experience, your skills and how people can reach you. Your portfolio website is a portrayal of who you are and it is likely the first thing people see so you should really go all out here. This is also where animations come in. Animations can help you stand out and also make your portfolio website look and feel amazing. If you are using vanilla JavaScript then you could look into GSAP, Animate-On-Scroll, AnimateCSS and AnimeJS. For React, I would highly recommend Framer-Motion but AnimateCSS works in React pretty good as well.

  • animate.css

    🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.

    Now that you've created some projects, you can create your own portfolio. You can showcase who you are, what you do, your experience, your skills and how people can reach you. Your portfolio website is a portrayal of who you are and it is likely the first thing people see so you should really go all out here. This is also where animations come in. Animations can help you stand out and also make your portfolio website look and feel amazing. If you are using vanilla JavaScript then you could look into GSAP, Animate-On-Scroll, AnimateCSS and AnimeJS. For React, I would highly recommend Framer-Motion but AnimateCSS works in React pretty good as well.

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts