DEV Community

Cover image for 25 Project Ideas from Beginner to Advanced with Open Source Contributions
Balraj Singh
Balraj Singh

Posted on

25 Project Ideas from Beginner to Advanced with Open Source Contributions

If you've ever been stuck in a loop of "What should I build next?" – you’re not alone. Many developers face the challenge of finding projects that not only hone their skills but also contribute to the community in a meaningful way.

Beginner Projects: Build a Strong Foundation

1/ Personal Portfolio Website
Open-source: Try adding unique animations or integrating with APIs. Use GitHub Pages or Netlify for free hosting and let your portfolio evolve with your skills.

2/ Expense Tracker App
Open-source: Build a basic tracker in JavaScript or Python, then upgrade it with a database for persistent storage. Contribute to Budgeting App Repositories that allow simple financial tracking.

3/ Markdown Editor
Open-source: Markdown editors are both useful and simple to build. Explore contributions to projects like

.

4/ Weather App
Open-source: Integrate with free APIs like OpenWeather. Look for repositories that allow contributors to experiment with API integration and real-time data updates.

GitHub logo erikflowers / weather-icons

215 Weather Themed Icons and CSS

Weather Icons

222 Weather Themed Icons and CSS

Weather Icons is the only icon font and CSS with 222 weather themed icons, ready to be dropped right into Bootstrap, or any project that needs high quality weather, maritime, and meteorological based icons!

Get started at https://erikflowers.github.io/weather-icons/!

Icon Preview

Basic Usage

Place the 5 font files and the main weather-icons.min.css file in your project, with the assumption that the fonts are located up ../ from your CSS directory.

The icons are displayed by using an i element and adding the base class wi and then the icon class you want, such as day-sunny. This then looks like <i class="wi wi-day-sunny"></i>.

To add a modifier, include the class you want after the icon name, which looks like <i class="wi wi-day-sunny wi-flip-vertical"></i>. You can flip, rotate, or add a fixed width. See it all at https://erikflowers.github.io/weather-icons/.

API Usage

This…

5/ To-Do List with Offline Mode
Open-source: Build a PWA (Progressive Web App) version of a to-do list. Contribute to similar projects on GitHub focusing on offline functionality.

GitHub logo tastejs / todomvc

Helping you select an MV* framework - Todo apps for React.js, Ember.js, Angular, and many more

TodoMVC

Helping you select an MV* framework

Website    Blog    TasteJS

Build Status Cypress.io tests

Developers these days are spoiled with choice when it comes to selecting an MV* framework for structuring and organizing JavaScript web apps.

Backbone, Ember, AngularJS... the list of new and stable solutions goes on and on, but just how do you decide on which to use in a sea of so many options?

To help solve this problem, we created TodoMVC - a project which offers the same Todo application implemented using MV* concepts in most of the popular JavaScript MV* frameworks of today.

Team

TodoMVC would not be possible without a strong team of contributors helping push the project forward each day. Additionally, we have a core project team composed of:

Addy Osmani - Founder/Lead

Addy is a Software Engineer at Google who originally created TodoMVC. He oversees the project direction, maintenance and organizes the planning and development efforts of…

6/ Quiz Application
Open-source: Build a quiz app with multiple-choice questions. Contribute to the Open Trivia Database.

7/ Calculator
Open-source: Create a basic calculator with standard functionalities. Refer to this JavaScript Calculator for guidance.

GitHub logo andrewagain / calculator

Simple calculator built with React




8/ Recipe App
Open-source: Develop an app to browse and save recipes. The Recipe Book project is a good starting point.

9/ Notes App
Open-source: Create a simple notes-taking application. Explore the Turtl project for inspiration.

Turtl · GitHub

Turtl has 21 repositories available. Follow their code on GitHub.

favicon github.com

10/ Unit Converter
Open-source: Build an app to convert units (e.g., length, weight). Check out the Unit Converter repository.

Intermediate Projects:

11/ E-commerce Product Page
Open-source: Design a product page with interactive elements. Contribute to the Vue Storefront project.

12/ Recipe Sharing App
Open-source: Build an app where users can share and discover recipes. The TastyIgniter project is a great example.

GitHub logo vuestorefront / vue-storefront

Alokai is a Frontend as a Service solution that simplifies composable commerce. It connects all the technologies needed to build and deploy fast & scalable ecommerce frontends. It guides merchants to deliver exceptional customer experiences quickly and easily.


Alokai

An ecosystem of developer tools that accelerate and simplify building eCommerce Storefronts

Fully customizable, backend-agnostic with 3500+ Live Stores

Documentation

GitHub Repository Stars Count Follow Us on Twitter Subscribe on our Youtube Channel Chat with us on Discord

Commitizen friendly License PRs Welcome Coverage Status

Hero image

Alokai is your guide to the composable commerce world that simplifies building, deploying, and monitoring ecommerce frontends.

  • Works with any backend. Alokai is compatible with any backend that has an API. In addition its already integrated with many of them! See the list of available integrations.

  • Working eCommerce Storefront - Alokai delivers fully-working eCommerce storefront integrated with your favourite stack

  • Fully customizable. Build your application with pre-installed Storefront UI - components library designed for eCommerce, or build your own theme from scratch.

What you get out-of-the-box 📦

Alokai Architecture

  • Nuxt.js - the Vue.js framework used to build the application
  • Next.js - the React.js framework used to build the application
  • Alokai Theme - fully functional eCommerce theme based on the Storefront UI library
  • Storefront UI - the Vue.js UI components…

13/ Chat Application with Socket.IO
Open-source: Develop a real-time chat application. Explore the Socket.IO Chat Example for reference.

GitHub logo socketio / chat-example

Basic chat example with Socket.IO

Socket.IO chat example

This is the source code for a very simple chat example used for the Tutorial guide of the Socket.IO website.

You can run this example directly in your browser on:






14/ GitHub Profile Analyzer
Open-source: Create a tool to analyze GitHub profiles. Contribute to the GitHub Readme Stats project.

GitHub logo anuraghazra / github-readme-stats

⚡ Dynamically generated stats for your github readmes

GitHub Readme Stats

GitHub Readme Stats

Get dynamically generated GitHub stats on your READMEs!

Tests Passing GitHub Contributors Tests Coverage Issues GitHub pull requests OpenSSF Scorecard

View Demo · Report Bug · Request Feature · FAQ · Ask Question

Français · 简体中文 · Español · Deutsch · 日本語 · Português Brasileiro · Italiano · 한국어 · Nederlands · नेपाली · Türkçe

Please note that documentation translations may be outdated; try to use English documentation if possible.

Love the project? Please consider donating to help it improve!

Give india logo

Are you considering supporting the project by donating to me? Please DO NOT!!!

Picture of Coromandel Express train tragedy

India has recently suffered one of the most devastating train accidents, and your help will be immensely valuable for the people who were affected by this tragedy.

Please visit this link and make a small donation to help the people in need. A small donation goes a long way. ❤️

Features

15/ Budget Planner with Database
Open-source: Develop a budget planner that stores data persistently. Check out the Budget App repository.

16/ Blog Platform
Open-source: Build a platform where users can write and share blogs. Contribute to the Ghost project.

GitHub logo TryGhost / Ghost

Independent technology for modern publishing, memberships, subscriptions and newsletters.

 

Ghost Ghost

 

Ghost.orgForumDocsContributingTwitter

Downloads Latest release Build status Contributors

 

Fiercely independent, professional publishing. Ghost is the most popular open source, headless Node.js CMS which already works with all the tools you know and love.

 

Ghost(Pro) Ghost(Pro)

The easiest way to get a production instance deployed is with our official Ghost(Pro) managed service. It takes about 2 minutes to launch a new site with worldwide CDN, backups, security and maintenance all done for you.

For most people this ends up being the best value option because of how much time it saves — and 100% of revenue goes to the Ghost Foundation; funding the maintenance and further development of the project itself. So you’ll be supporting open source software and getting a great service!

 

Quickstart install

If you want to run your own instance of Ghost, in most cases the best way is to use our CLI tool

npm install ghost-cli -g

 

Then, if installing locally add the local flag to get up and running in under a minute - Local install docs

ghost install local

 

or on…

17/ Task Management Tool
Open-source: Create a tool to manage and assign tasks. Explore the Kanboard project.

GitHub logo kanboard / kanboard

Kanban project management software

Kanboard

Kanboard is project management software that focuses on the Kanban methodology.

This application is in maintenance mode. What does it mean?

Citing Wikipedia:

In the world of software development, maintenance mode refers to a point in a computer program's life when it has reached all of its goals and is generally considered to be "complete" and bug-free. The term can also refer to the point in a software product's evolution when it is no longer competitive with other products or current with regard to the technology environment it operates within.

  • The author of this application is not actively developing any new major features (only small fixes)
  • New releases are published regularly depending on the contributions made by the community
  • Pull requests for new features and bug fixes are accepted as long as the guidelines are followed

Table of Contents

18/ Music Player
Open-source: Develop a web-based music player. Check out the Mopidy Music Server for inspiration.

GitHub logo mopidy / mopidy

Mopidy is an extensible music server written in Python

Mopidy

Mopidy is an extensible music server written in Python.

Mopidy plays music from local disk, Spotify, SoundCloud, Google Play Music, and more. You edit the playlist from any phone, tablet, or computer using a variety of MPD and web clients.

Stream music from the cloud

Vanilla Mopidy only plays music from files and radio streams. Through extensions, Mopidy can play music from cloud services like Spotify SoundCloud, and Google Play Music With Mopidy's extension support, backends for new music sources can be easily added.

Mopidy is just a server

Mopidy is a Python application that runs in a terminal or in the background on Linux computers or Macs that have network connectivity and audio output. Out of the box, Mopidy is an HTTP server. If you install the Mopidy-MPD extension, it becomes an MPD server too. Many additional frontends for controlling Mopidy are available as extensions.

Pick your

19/ Event Management System
Open-source: Build a system to manage events and registrations. Contribute to the Attendize project.

GitHub logo Attendize / Attendize

Attendize is an open-source ticket selling and event management platform built on Laravel.

Attendize is an open-source ticketing and event management application built using the Laravel PHP framework. Attendize allows event organisers to sell tickets to their events and manage attendees without paying service fees to third party ticketing companies.

Attendize Attendize

Attendize

Open-source ticket selling and event management platform

Please report bugs here: https://github.com/Attendize/Attendize/issues. Detailed bug reports are more likely to be looked at. Simple creating an issue and saying "it doesn't work" is not useful. Providing some steps to reproduce your problem as well as details about your operating system, PHP version etc can help.

Take a look https://www.attendize.com/troubleshooting.html and follow the https://www.attendize.com/getting_started.html guide to make sure you have configured attendize correctly.

Documentation Website: https://www.attendize.com

Current Features (v2.X.X)

  • Beautiful mobile friendly event pages
  • Easy attendee management - Refunds, Messaging etc.
  • Data export - attendees list to XLS, CSV etc.
  • Generate print friendly attendee list
  • Ability to manage unlimited organisers / events
  • Manage…

20/ Online Code Editor
Open-source: Create a web-based code editor. Explore the CodeMirror project.

GitHub logo codemirror / codemirror5

In-browser code editor (version 5, legacy)

CodeMirror 5

NOTE: CodeMirror 6 exists, and is more mobile-friendly, more accessible, better designed, and much more actively maintained.

Build Status

CodeMirror is a versatile text editor implemented in JavaScript for the browser. It is specialized for editing code, and comes with over 100 language modes and various addons that implement more advanced editing functionality. Every language comes with fully-featured code and syntax highlighting to help with reading and editing complex code.

A rich programming API and a CSS theming system are available for customizing CodeMirror to fit your application, and extending it with new functionality.

You can find more information (and the manual) on the project page. For questions and discussion, use the discussion forum.

See CONTRIBUTING.md for contributing guidelines.

The CodeMirror community aims to be welcoming to everybody. We use the Contributor Covenant (1.1) as our code of conduct.

Installation

Either get the zip file with the…

Advanced Projects: Build for Real-World Use

21/ Social Media Platform
Open-source: Develop a platform for users to connect and share content. Contribute to the Mastodon project.

GitHub logo mastodon / mastodon

Your self-hosted, globally interconnected microblogging community

Mastodon

GitHub release Ruby Testing Crowdin

Mastodon is a free, open-source social network server based on ActivityPub where users can follow friends and discover new ones. On Mastodon, users can publish anything they want: links, pictures, text, and video. All Mastodon servers are interoperable as a federated network (users on one server can seamlessly communicate with users from another one, including non-Mastodon software that implements ActivityPub!)

Click below to learn more in a video:

Screenshot

Navigation

Features

No vendor lock-in: Fully interoperable with any conforming platform

It doesn't have to be Mastodon; whatever implements ActivityPub is part of the social network! Learn more

Real-time, chronological timeline updates

Updates of people you're following appear in real-time in the UI via WebSockets. There's a firehose view as well!

Media attachments like images and short videos

Upload and…




22/ Project Management Tool
Open-source: Create a comprehensive tool for managing projects. Explore the Taiga project.

Taiga Backend

> READ THIS FIRST!: We recently announced Taiga plans for the future and they greatly affect how we manage this repository and the current Taiga 6 release. Check it here.

Managed with Taiga.io Tests Status Coverage Status

Documentation

Currently, we have authored three main documentation hubs:

  • API: Our API documentation and reference for developing from Taiga API.
  • Documentation: If you need to install Taiga on your own server, this is the place to find some guides.
  • Taiga Resources: This page is intended to be the support reference page for the users.

Bug reports

If you find a bug in Taiga you can always report it:

One of our fellow Taiga developers will search, find…

23/ Online Marketplace
Open-source: Build a platform for buying and selling products. Check out the Sharetribe repository.

GitHub logo sharetribe / sharetribe

Sharetribe Go is Sharetribe's old source-available marketplace software, which was also available as a hosted SaaS product. Sharetribe Go is no longer actively maintained.

Sharetribe Go

CircleCI Code Climate

IMPORTANT: Sharetribe Go is no longer actively maintained.

Sharetribe's new marketplace builder, The New Sharetribe, replaces Sharetribe Go as the easiest, fastest way to build a marketplace. Learn more about what The New Sharetribe means for Sharetribe Go.

Sharetribe Go remains source-available under the Sharetribe Community Public License.

To build and launch a marketplace without writing a single line of code, and extend indefinitely with custom code and scale to any size, head to the SaaS version of The New Sharetribe.

Contents

Technology stack

  • Ruby 3.2.2
  • Ruby on Rails 6.1.7.3
  • MySQL 8.0
  • React + jQuery
  • Node.js 18.16 (for compiling JavaScript assets)
  • "what you see is what you get" Editor Mercury
  • Deploy: Custom Script (not using Mina or Cap3)
  • Server: Heroku
  • Image hosting: Amazon S3
  • Background…

24/ Learning Management System
Open-source: Develop a system for educational courses and content. Contribute to the Moodle project.

GitHub logo moodle / moodle

Moodle - the world's open source learning platform

Moodle

The Moodle Logo

Moodle is the World's Open Source Learning Platform, widely used around the world by countless universities, schools, companies, and all manner of organisations and individuals.

Moodle is designed to allow educators, administrators and learners to create personalised learning environments with a single robust, secure and integrated system.

Documentation

Community

moodle.org is the central hub for the Moodle Community, with spaces for educators, administrators and developers to meet and work together.

You may also be interested in:

Installation and hosting

Moodle is Free, and Open Source software. You can easily download Moodle and run it on your own web server, however you may prefer to work with one of our experienced Moodle Partners.

Moodle also offers hosting through both MoodleCloud

25/ Customer Relationship Management (CRM) System
Open-source: Create a system to manage customer interactions. Explore the SuiteCRM project.

GitHub logo salesagility / SuiteCRM

SuiteCRM - Open source CRM for the world

SuiteCRM 7.14.6

Build Status codecov Gitter chat LICENSE GitHub contributors Twitter

Website | Demo | Maintainers | Contributors | Community & Forum | Partners | Extensions Directory | Translations | Code of Conduct

SuiteCRM is the award-winning open-source, enterprise-ready Customer Relationship Management (CRM) software application.

Our vision is to be the most adopted open source enterprise CRM in the world, giving users full control of their data and freedom to own and customise their business solution.

Try out a free fully working SuiteCRM demo available here

Contribute contributions welcome

There are lots of ways to contribute to SuiteCRM

Code Contributors

This project exists thanks…

Top comments (5)

Collapse
 
danishhh profile image
Danish

Very helpful!

Collapse
 
balrajola profile image
Balraj Singh

Glad to hear that!

Collapse
 
danishhh profile image
Danish

Thank you so much for taking out time and making this list.

Collapse
 
balrajola profile image
Balraj Singh

Glad you found it helpful!

Collapse
 
agentoma profile image
Agentoma

this is great. Thank you.