Form Validation Page
Hex Colour Background Change
Click here for Webpage Filter Project Source Code.
Popup Message Generation
Single Page Application
Create a single-page application that dynamically brings content from the web server to the current page, rather than loading entire pages at once. Examples of single-page applications include Gmail, Netflix, and Maps.
Click here for Single Page Application Source Code.
Build an interactive currency converter app, allowing users to convert currencies. Start with a simple conversion setup and then expand to include multiple currencies.
Build your own dictionary app with unique features and quirks. Allow users to input words and view their meanings, usage in sentences, pronunciation, and more. Apply the search logic from previous projects to create a comprehensive dictionary experience.
RSS News Feed Reader
Develop a news feed display for a news website. Create a landing page that showcases different news pieces in clickable boxes. This project involves integrating various web apps for a better user experience.
Guess The Number Game
Design a guess the number game that challenges the user to guess a random number within a specified range. You can enhance the game by adding features like limited chances, hints, and clues for an interactive experience.
Whack a Mole Game
Create the classic whack a mole game, where players must quickly hit a mole as it peeks out of random holes. Implement functions that generate random holes, control the duration of mole appearances, and calculate scores.
2D Brick Breaker Game
Rock Paper Scissors With a Computer
Create a rock-paper-scissors game that allows players to challenge the computer. Build a simple version or enhance it with advanced features like limited chances, appealing design, and interactive concepts.
Develop a movie app for your portfolio. Allow users to search for movies, add them to their wishlist, and view detailed descriptions. Integrate the Movies API to make the app functional.
File Sharing App
Build an Instagram clone to showcase your skills in Node.Js, React JS, Postgres, JWT, Redis, and Context. Allow users to upload pictures, add tags, create boards, and engage with other features similar to Instagram.
Create a weather app that displays current, minimum, and maximum temperatures in degrees Celsius or Fahrenheit. Allow users to select their desired city/area and view weather conditions. You can integrate the Dark Sky API for weather analytics.
Challenge yourself by creating a Pinterest clone. Users should be able to upload pictures, add tags, share, view, and create boards. This high-level project involves integrating various technologies and building a comprehensive application.
Build a real-time chat application that allows users to send and receive messages instantly. Utilize ReactJS, Node.js, and Socket.io to create a dynamic and interactive chat experience.
Music Player App
Create a music player application that allows users to browse and play music on their devices. Implement features like search, play, pause, repeat, and shuffle to enhance the user experience.
- Assess your proficiency level and choose projects accordingly.
- Challenge yourself by progressively increasing the project difficulty.
- Strengthen your basics and core concepts through smaller projects before tackling more complex ones.
- Seek feedback and assistance from the coding community whenever you encounter obstacles.
- Research the technical and skill requirements of a project before starting. If you lack certain skills, prioritize learning them first.
- Explore different use cases for functions and concepts to apply them in more advanced projects.