Altcademy - a Forbes magazine logo Best Coding Bootcamp 2023

15 Seriously Good Portfolio Project Ideas

15 Seriously Good Portfolio Project Ideas
Photo by Octavian Dan / Unsplash

Here are some good project ideas that you can use directly or spin on for your main portfolio project for web development.

Financial stock site

A financial stock site with user portfolio tracking. Example https://www.tradingview.com/. Keep the scope limited to showing basic information about stocks, price charts and some simple data. Only show a handful of stocks, to begin with, and only have simple portfolio tracking for each user.

You can get live data from Google Finance API, see the DOC on https://support.google.com/docs/answer/3093281?hl=en.

Online Ecommerce Shop

The core features should include a shopping basket, an inventory management system, checkout integration with payment gateways like https://stripe.com/. Don't forget the standard things like session management, user and business accounts, media uploads. This is a medium difficulty full-stack project that should take you between 2-4 weeks to complete and polish.

Food Order Website

Similar to an online ecommerce shop, but you can increase its difficulty by writing a management system for delivery personnels. This can include fare calculation, and rating systems. Checkout Super Eats built by our alumni Iti Armpalu.

https://full-stack-super-eats.herokuapp.com/

AirBnb Clone

This is also a vast project, there are many sections in AirBnb that you can clone. The most important ones would be property management, booking management, payment integrations, user management. If you have extra time, you can add rating system, messaging system.

Altcademy's full-stack web development students are tasked to create a functioning AirBnb site as part of the program. See https://full-stack-airbnb-clone.herokuapp.com/ for an example project by one of our alumni. You can also browse through a list of student projects.

https://full-stack-airbnb-clone.herokuapp.com/

Job listing site

A Job listing site for specific sectors/industries/positions. Such as a job site for junior software engineer positions, UI/UX positions, digital marketing positions, and project manager positions. Example https://remoteok.io/. Only work on the most important features, job posting, job index, job page, payment for listing a job, etc.

Charade

A charade game built on a website but works on mobile. Include timers, interaction to skip a word, categories, etc.

Millionaire game

A "who wants to be a millionaire" game. The UI/UX is challenging. The other difficult part is sourcing the question sets. Which might require some scraping.

Message board

Message boards are everywhere. If you can build a fully-featured one, it's impressive. Example https://www.reddit.com/.

Slow mail

A messaging application that let users send messages to each other and the delivery time is long, such as 1 week. Mimics paper letter writing.

Website event tracking

A saas product that lets website owners track session events and information. Keep the scope small by only working on event tracking and sessions. Example https://mixpanel.com/.

Chat app

A chat app with a mobile-friendly interface. Limit scope to the most crucial features. This requires using web sockets to listen to events on the server. You can use ActionCable if you are building it with Rails.

Chess game

The UI/UX for this is pretty advanced. Plus the game program will be complex. This will be difficult especially if you don't play chess. Allow multiplayer on the same computer. Or play against a bot.

Time zone meeting scheduler

Let users find the best time to host a meeting with participants from multiple time zones. Example https://www.worldtimebuddy.com/.

https://www.worldtimebuddy.com/

Twitter Thread Reader App

The Thread Reader App on Twitter will parse a Twitter thread and display it in an easy-to-read format on a website. This will involve the Twitter API and some serious programming. Example https://threadreaderapp.com/.

Calculator

A fully functional scientific or financial calculator is actually very hard to build. You need to create a user friend UI and make sure all the functions of the calculator are correct. Take a look at https://www.desmos.com/scientific for inspiration.

https://www.desmos.com/scientific

Easy Project Ideas worth mentioning

The following projects are rated as easy, and can generally be completed within 3-4 days. You can create them as part of your web development learning journey.

  • Quiz App
  • Rock Paper Scissors
  • QR Code Reader
  • Weather App
  • Tic Tac Toe Game
  • Drawing App
  • Music Player
  • To-Do List App
  • Typing Training and Speed Test
  • Memory Game
  • Math Game
  • Pong Game