5 App Ideas to Build and Grow up your Coding skills

As a programmer, we know that it gets hard to find some great ideas that we can build to showcase in our portfolio and also growing up our coding skills. That's why I have got some ideas to help you make these great app projects.

So, In this article we’re going to look into 5 app ideas which are:

1. Great to improve your programming skills 💪

2. Great to experiment with new technologies and frameworks 🆕

3. Great to be added in your portfolio 📁

So, Let's start one by one.

1. Notes App

Create and store your notes for later purposes!

Uses

1. User can create a note

2. User can edit a note

3. User can delete a note

Example projects

I have listed some projects that will help you in making this project.

1. Markdown Notes built with Angular on Codepen

2. Markdown Notes built with React

3. Markdown Notes built with Angular 7 and bootstrap 4

2. Clock Timer

Time is precious we all want a clock that will help us to remember things . Wouldn’t it be nice to have an app that counts down the months, days, hours, minutes, and seconds? Clock Timer is just that app!

The objective of Clock Timer is to provide a continuously decrementing display of the he months, days, hours, minutes, and seconds to a user entered event.

Uses

1. Users will see an event input box containing an event name field, an date field, an optional time, and a ‘Start’ button.

2. Users will see a warning message if the event name is blank.

3. Users will see a warning message if the event date or time is incorrectly entered.

4. User can click on the ‘Start’ button to see the countdown timer start displaying the days, hours, minutes, and seconds until the event takes place.

Example projects

Countdown Timer built with React

Simple Clock/Countdown Timer

3. To-Do App

A To-Do app is an app in which a user writes down all his tasks to accomplish. We all have to do tasks that we have to achieve but sometimes we can't recall what tasks we have to do. So, this can help us to accomplish the tasks.

Uses

1. The User will see an input field where he can type in a Task name. By pressing enter (or a button), the User can submit the task name and can see that being added to a list of to-do’s .

2. User can also mark a to-do as completed .

3. User can remove a to-do item by pressing on a button.

Example projects

Todo App built with React

To Do List on Codepen

4. Chat App

We all use chat apps like Whatsapp, messenger, etc in our daily use. How about if we build our own chat app that will do a real-time chat where multiple users can interact with each other by sending messages?

Uses

1. The User is asked to enter a username when he enters the chat app. The username will be stored in the application for future uses.

2. User will see an input field where he can type a new message to chat. By pressing the enter key or by clicking on the send button the text will be displayed in the chat box alongside his username.

3. User can also add a voice message function.

Features

1. The messages will be visible to all the Users that are in the chat app (using WebSockets)

2. When a new User joins the chat, a message is displayed to all the existing Users

3. Messages are saved in a database

4. User can send images, videos and links which will be displayed properly

5. User can select and send an emoji

6. Users can chat in private

7. Users can join channels on specific topics

Some tutorial links

1. Build a React.js chat app in 10 minutes

2. Build a chat application like Slack

Example projects

Chatty2

5. Survey App

This will be an advanced level project. Surveys are a valuable part of any developers toolbox. They are useful for getting feedback from your users on a variety of topics including application satisfaction, requirements, upcoming needs, issues, priorities, and just plain aggravations to name a few.

Survey apps gives you the opportunity to learn by developing a full-featured app that you can add to your toolbox. It provides the ability to define a survey, allow users to respond within a predefined timeframe, and tabulate and present results.

For simplicity, this app assumes that surveys open for responses will be accessed from the app’s web page.

Uses

Survey Coordinators and Survey Respondents can define, conduct, and view surveys and survey results from a common website . Survey Coordinators can login to the app to access administrative functions, like defining a survey.

How to define a Survey ?

1. Survey Coordinator can define a survey containing 1–10 multiple choice questions.

2. Survey Coordinator can define 1–5 mutually exclusive selections to each question.

3. Survey Coordinator can enter a title for the survey.

4. Survey Coordinator can click a ‘Cancel’ button to return to the home page without saving the survey.

5. Survey Coordinator can click a ‘Save’ button save a survey.

Now we can conduct a survey. That's all...

Example projects

Javascript Survey

Now you guys are having 5 top apps ideas to play with. You can add these projects to your Github repositories too.

Like what you read? Send me a gift (Tip) below to help contribute to my next adventure!

Happy Coding !!