Crio Projects >
JavaScript Projects
Browse through exciting and free projects in JavaScript, HTML, React, Nodejs, and more for new age web developers. Complete them with a recommended action plan.
Codechef Notifier
Codechef is a very common platform used by many aspiring coders to improve their coding skills. Often when using codechef, its servers are so overloaded that our submissions take a long time to get verified by the judge and our time is wasted in checking for results again and again. This extension aims to save this time by automating the process of fetching the result and informing you as soon as the result is available so that you can move on to solve the next question and not worry about whether the result has been passed by the judge or not.
Collaborator(s)
Prerequisite(s)
Skills to be Learned
Amazon clone using React
Nowadays the first thing that someone does when they create a new business for trading goods is to convert their commerce to e-commerce. Many businesses even prefer to have e-commerce as their only mode of doing business. The potential of e-commerce is nearly limitless, reason for which we'll be going on a ride to create an e-commerce solution of our own!
Collaborator(s)
Prerequisite(s)
Skills to be Learned
Online Code Editor (React)
Want to take your frontend development skills to the next level? Build an online code editor in React and start using it to edit your source code. All you enthusiastic frontend developers reading this, make sure to tick this off from your bucket list of react projects for beginners.
Collaborator(s)
Prerequisite(s)
Skills to be Learned
Sorting Visualizer
If you are searching for a new JavaScript Project idea and want to dive deep into JavaScript or want to take your JavaScript skills to the next level, this is the perfect project for you. At the end of this module you will have a platform where anyone can visualize how sorting algorithms works and you also can showcase your HTML, CSS, Bootstrap, JavaScript Skills.
Collaborator(s)
Prerequisite(s)
Skills to be Learned
Email Alerts on WhatsApp
In our much busy schedule we usually don't have time to keep up with our emails, so we'll be working on a project to set up alerts of recent emails to WhatsApp.
Collaborator(s)
Prerequisite(s)
Skills to be Learned
OurApp - a social media web app in NodeJS
Want to be a full stack developer and take your skills from HTML, CSS and JS to beyond? Build this full stack application where you will get to learn about building modern, fast and scalable server-side web applications with NodeJS, databases like MongoDB and more. If you've been looking to build something interesting and master your NodeJS skills, this is the perfect project for you.
Collaborator(s)
Prerequisite(s)
Skills to be Learned
YouTube Transcript Summarizer
People are watching YouTube videos daily which can be educational, documentary or of any genre with longer length; think about how much time can be saved by creating summarized content. In this project, you will be a creating a Chrome Extension which will make a request to backend REST API where it will perform NLP and respond with a summarized version of a YouTube transcript.
Collaborator(s)
Prerequisite(s)
Skills to be Learned
WhatsApp Web Clone
We all have used WhatsApp web on our PCs. Ever thought of making it yourself? The interface that we will be making for our project will look alike. Firebase real time database will give you seamless messaging feature.
Collaborator(s)
Prerequisite(s)
Skills to be Learned
Resume Builder Web Application
Have you ever thought of building a beginner-friendly React project and enhance your skills to the next level? Have you ever thought of making the task of resume generation simpler by auto-generating it in awesome templates? If so, this is your chance to grab the idea and start building this cool project.
Collaborator(s)
Prerequisite(s)
Skills to be Learned
Online Code Editor (JQuery)
Have you been looking for Javascript project ideas to take your skills to the next level? If yes, complete this project and have your own online code editor to edit your source code. This is the perfect project to test your understanding of HTML, CSS, Javascript.
Collaborator(s)
Prerequisite(s)
Skills to be Learned
Authentication in Node.js for a web app
This project is useful for anyone who wants to get started with Node.js; anyone who wants to learn about authentication and build an authentication app from scratch (backend-intensive) from scratch.
Collaborator(s)
Prerequisite(s)
Skills to be Learned
Markdown Editor
Though writing is a hobby, it has become vital for people to write blog posts and to express their thoughts. For achieving the same, you have to write markdown to render as in HTML. Markdown is a way to style text on the web. You control the display of the document. Formatting words as bold or italic, adding images, creating lists, etc., are just a few of the things we can do with Markdown.
Collaborator(s)
Prerequisite(s)
Skills to be Learned
Rat in a Maze
A simple web app made using React that shows all the possible paths a rat can take from top left to bottom right of a square maze with fixed obstacles in between. The app will be a visualisation of the famous Rat in a Maze problem.
Collaborator(s)
Prerequisite(s)
Skills to be Learned
Realtime Video Processing using ChromaKey (GreenScreen) Effect
Hollywood studios use green screens to create all kinds of incredible special effects. Your local weatherperson uses it to look like they’re standing in front of a cool weather map. You can learn the secret behind the effects by building a web application which captures a webcam video with a green screen and replaces it with a background video or an image of your choice.
Collaborator(s)
Prerequisite(s)
Skills to be Learned
Two truths and a lie game slack bot
Hey automation lover! Slack bot is here to help all the channel members of your workspace to introduce and interact with anyone new joining the workspace with the help of a game, you guessed it right "Two truths and a lie".
Collaborator(s)
Prerequisite(s)
Skills to be Learned
TinyMCE Synonyms Plugin
Get started with building a custom plugin to search and insert synonyms within the popular TinyMCE WYSIWYG rich text editor.
Collaborator(s)
Prerequisite(s)
Skills to be Learned
ToDo Web App
Since the tech-stacks are growing day by day, the frameworks are constantly evolving. The latest framework that has been the developers' choice for backend is Adonis.js. In the project we will walk through creating CRUD APIs with help of Adonis.js and will also learn HTTP, REST API. Here we will build backend APIs for a todo web app and will test the APIs with help of Postman.
Collaborator(s)
Prerequisite(s)
Skills to be Learned
Slack clone using React
If you’ve been looking for challenging react native projects to apply React-Redux concepts along with an opportunity to get acquainted with the fundamentals of Firebase databases, this is the perfect project to include in your resume. By the end of this project, you will be flaunting a web messaging app that provides useful features similar to Slack.
Collaborator(s)
Prerequisite(s)
Skills to be Learned
Submit your Projects
Would you like to contribute your own projects to Crio Projects Hub? Share your project with us and we will work with you to feature it here.
20, 100 Feet Rd, Vivek Nagar,
Chandra Reddy Layout, AVS Layout Ejipura,
Bengaluru, Karnataka 560095
