๐ด Project Title : Password Generator
๐ด Aim : Website to generate password of different lengths and patterns for the user according to the user's convenience.
๐ด Tech Stack Used : HTML, CSS, JS
๐ด Category : Vanilla-JS
๐ Follow the Guidelines to Contribute in the Project :
You need to create a separate folder named as the Project Title.
Inside that folder, there will be all the main components.
Cover image of the application, if project will be deployed in future, with the name of the folder in Kebab-Case (hypen-separated).
Main files in formatted state so that code will be readable.
Other Images - In seprate folder named Images used to form the application.
Inside the Project folder, the README.md file must be filled up properly, with proper visualizations and descriptions.
๐ด๐ก Points to Note :
The issues will be assigned on a first come first serve basis, 1 Issue == 1 PR.
"Issue Title" and "PR Title should be the same. Include issue number along with it.
๐ด Project Title : URL Shortner website
๐ด Aim : An application which can short the long urls into small urls using Express, mongoose, etc. or any thing else as a backend and provide a small url to the user.
๐ด Tech Stack Used : Node
๐ด Category : Node-JS
๐ Follow the Guidelines to Contribute in the Project :
You need to create a separate folder named as the Project Title.
Inside that folder, there will be all the main components.
Cover image of the application, if project will be deployed in future, with the name of the folder in Kebab-Case (hypen-separated).
Main files in formatted state so that code will be readable.
Other Images - In seprate folder named Images used to form the application.
Inside the Project folder, the README.md file must be filled up properly, with proper visualizations and descriptions.
๐ด๐ก Points to Note :
The issues will be assigned on a first come first serve basis, 1 Issue == 1 PR.
"Issue Title" and "PR Title should be the same. Include issue number along with it.
๐ด Project Title : Basic Blog API
๐ด Aim : Create a RESTful API for a simple blogging platform with CRUD operations for blog posts.
๐ด Tech Stack Used : Node.js, Express.js, MongoDB, React.js
๐ด Category : Node-JS
๐ Follow the Guidelines to Contribute in the Project :
You need to create a separate folder named as the Project Title.
Inside that folder, there will be all the main components.
Cover image of the application, if project will be deployed in future, with the name of the folder in Kebab-Case (hypen-separated).
Main files in formatted state so that code will be readable.
Other Images - In seprate folder named Images used to form the application.
Inside the Project folder, the README.md file must be filled up properly, with proper visualizations and descriptions.
๐ด๐ก Points to Note :
The issues will be assigned on a first come first serve basis, 1 Issue == 1 PR.
"Issue Title" and "PR Title should be the same. Include issue number along with it.
๐ด Project Title : Sudoku Solver
๐ด Aim : Build a website which can solve a Sudoku by entering a numbers of the problem of the sudoku.
๐ด Tech Stack Used : HTML, CSS, JS
๐ด Category : Vanilla-JS
๐ Follow the Guidelines to Contribute in the Project :
You need to create a separate folder named as the Project Title.
Inside that folder, there will be all the main components.
Cover image of the application, if project will be deployed in future, with the name of the folder in Kebab-Case (hypen-separated).
Main files in formatted state so that code will be readable.
Other Images - In seprate folder named Images used to form the application.
Inside the Project folder, the README.md file must be filled up properly, with proper visualizations and descriptions.
๐ด๐ก Points to Note :
The issues will be assigned on a first come first serve basis, 1 Issue == 1 PR.
"Issue Title" and "PR Title should be the same. Include issue number along with it.
๐ด Project Title : File Upload and Download System
๐ด Aim : Build a web application that allows users to upload files, which can later be downloaded at any place and in any devices.
๐ด Tech Stack Used : Node.js, Express.js, HTML, CSS, JavaScript, Multer (for file upload)
๐ด Category : Node-JS
๐ Follow the Guidelines to Contribute in the Project :
You need to create a separate folder named as the Project Title.
Inside that folder, there will be all the main components.
Cover image of the application, if project will be deployed in future, with the name of the folder in Kebab-Case (hypen-separated).
Main files in formatted state so that code will be readable.
Other Images - In seprate folder named Images used to form the application.
Inside the Project folder, the README.md file must be filled up properly, with proper visualizations and descriptions.
๐ด๐ก Points to Note :
The issues will be assigned on a first come first serve basis, 1 Issue == 1 PR.
"Issue Title" and "PR Title should be the same. Include issue number along with it.
๐ด Project Title : Maths Practice website
๐ด Aim : A website which can help students of class 1st to 5th to practice maths problems and learn the logic to solve the problem from it. Like, Addition, Substraction, Multiplication, Division, Square Root, Cube roots, squaring, cubing, etc. so many pages for different types of problems.
๐ด Tech Stack Used : React
๐ด Category : React-JS
๐ Follow the Guidelines to Contribute in the Project :
You need to create a separate folder named as the Project Title.
Inside that folder, there will be all the main components.
Cover image of the application, if project will be deployed in future, with the name of the folder in Kebab-Case (hypen-separated).
Main files in formatted state so that code will be readable.
Other Images - In seprate folder named Images used to form the application.
Inside the Project folder, the README.md file must be filled up properly, with proper visualizations and descriptions.
๐ด๐ก Points to Note :
The issues will be assigned on a first come first serve basis, 1 Issue == 1 PR.
"Issue Title" and "PR Title should be the same. Include issue number along with it.
๐ด Project Title : Battery Status Tracker
๐ด Aim : Build a website which can showing the current status of the battery of your device like 90% Charged with animations of battery filled.
๐ด Tech Stack Used : HTML, CSS, JS
๐ด Category : Vanilla-JS
๐ Follow the Guidelines to Contribute in the Project :
You need to create a separate folder named as the Project Title.
Inside that folder, there will be all the main components.
Cover image of the application, if project will be deployed in future, with the name of the folder in Kebab-Case (hypen-separated).
Main files in formatted state so that code will be readable.
Other Images - In seprate folder named Images used to form the application.
Inside the Project folder, the README.md file must be filled up properly, with proper visualizations and descriptions.
๐ด๐ก Points to Note :
The issues will be assigned on a first come first serve basis, 1 Issue == 1 PR.
"Issue Title" and "PR Title should be the same. Include issue number along with it.
๐ด Project Title : Blog Website
๐ด Aim : To create a blogging website using Node JS helps users to create their own blogs.
๐ด Tech Stack Used : Node
๐ด Category : Node-JS
๐ Follow the Guidelines to Contribute in the Project :
You need to create a separate folder named as the Project Title.
Inside that folder, there will be all the main components.
Cover image of the application, if project will be deployed in future, with the name of the folder in Kebab-Case (hypen-separated).
Main files in formatted state so that code will be readable.
Other Images - In seprate folder named Images used to form the application.
Inside the Project folder, the README.md file must be filled up properly, with proper visualizations and descriptions.
๐ด๐ก Points to Note :
The issues will be assigned on a first come first serve basis, 1 Issue == 1 PR.
"Issue Title" and "PR Title should be the same. Include issue number along with it.
๐ด Project Title : SoundVibe
๐ด Aim : Build a music streaming app with user playlists and recommendations.
๐ด Tech Stack Used : Angular, Node.js, MongoDB, HTML/CSS
๐ด Category : Angular-JS
๐ Follow the Guidelines to Contribute in the Project :
You need to create a separate folder named as the Project Title.
Inside that folder, there will be all the main components.
Cover image of the application, if project will be deployed in future, with the name of the folder in Kebab-Case (hypen-separated).
Main files in formatted state so that code will be readable.
Other Images - In seprate folder named Images used to form the application.
Inside the Project folder, the README.md file must be filled up properly, with proper visualizations and descriptions.
๐ด๐ก Points to Note :
The issues will be assigned on a first come first serve basis, 1 Issue == 1 PR.
"Issue Title" and "PR Title should be the same. Include issue number along with it.
๐ด Project Title : Cake Store
๐ด Aim : Build a cake selling website which having varieties of the cakes of the whole world with proper registration and login. Taking shipping address and build the project.
๐ด Tech Stack Used : Angular, Node, HTML, CSS, etc.
๐ด Category : Angular-JS
๐ Follow the Guidelines to Contribute in the Project :
You need to create a separate folder named as the Project Title.
Inside that folder, there will be all the main components.
Cover image of the application, if project will be deployed in future, with the name of the folder in Kebab-Case (hypen-separated).
Main files in formatted state so that code will be readable.
Other Images - In seprate folder named Images used to form the application.
Inside the Project folder, the README.md file must be filled up properly, with proper visualizations and descriptions.
๐ด๐ก Points to Note :
The issues will be assigned on a first come first serve basis, 1 Issue == 1 PR.
"Issue Title" and "PR Title should be the same. Include issue number along with it.
๐ด Project Title : Language Translator
๐ด Aim : Translate any context into any other language according to the choice of the users.
๐ด Tech Stack Used : HTML, CSS, JS
๐ด Category : Vanilla JS
๐ Follow the Guidelines to Contribute in the Project :
You need to create a separate folder named as the Project Title.
Inside that folder, there will be all the main components.
Cover image of the application, if project will be deployed in future, with the name of the folder in Kebab-Case (hypen-separated).
Main files in formatted state so that code will be readable.
Other Images - In seprate folder named Images used to form the application.
Inside the Project folder, the README.md file must be filled up properly, with proper visualizations and descriptions.
๐ด๐ก Points to Note :
The issues will be assigned on a first come first serve basis, 1 Issue == 1 PR.
"Issue Title" and "PR Title should be the same. Include issue number along with it.
๐ด Project Title : cosmoXplore : APoD
๐ด Aim : cosmoXplore is a space exploration website that harnesses the power of NASA APIs. It uses NASA APoD API to fetch a Astronomy Picture of the Day along with its description and Author name.
๐ด Tech Stack Used : HTML, CSS, Bootstrap, JavaScript, NASA API
๐ด Category : Vanilla JavaScript
๐ Follow the Guidelines to Contribute in the Project :
You need to create a separate folder named as the Project Title.
Inside that folder, there will be all the main components.
Cover image of the application, if project will be deployed in future, with the name of the folder in Kebab-Case (hypen-separated).
Main files in formatted state so that code will be readable.
Other Images - In seprate folder named Images used to form the application.
Inside the Project folder, the README.md file must be filled up properly, with proper visualizations and descriptions.
๐ด๐ก Points to Note :
The issues will be assigned on a first come first serve basis, 1 Issue == 1 PR.
"Issue Title" and "PR Title should be the same. Include issue number along with it.
๐ด Project Title : To Do Application
๐ด Aim : Create a application to keep track of day to day tasks.
๐ด Tech Stack Used : React
๐ด Category : React-JS
๐ Follow the Guidelines to Contribute in the Project :
You need to create a separate folder named as the Project Title.
Inside that folder, there will be all the main components.
Cover image of the application, if project will be deployed in future, with the name of the folder in Kebab-Case (hypen-separated).
Main files in formatted state so that code will be readable.
Other Images - In seprate folder named Images used to form the application.
Inside the Project folder, the README.md file must be filled up properly, with proper visualizations and descriptions.
๐ด๐ก Points to Note :
The issues will be assigned on a first come first serve basis, 1 Issue == 1 PR.
"Issue Title" and "PR Title should be the same. Include issue number along with it.
๐ด Project Title : Image Gallery with Filters and Sorting
๐ด Aim : Create a dynamic image gallery web application that allows users to view a collection of images. Users should be able to filter images based on predefined categories/tags and sort them based on different criteria such as date, size, or popularity.
๐ด Tech Stack Used : HTML, CSS, Vue.js, React
๐ด Category : Vue-JS
๐ Follow the Guidelines to Contribute in the Project :
You need to create a separate folder named as the Project Title.
Inside that folder, there will be all the main components.
Cover image of the application, if project will be deployed in future, with the name of the folder in Kebab-Case (hypen-separated).
Main files in formatted state so that code will be readable.
Other Images - In seprate folder named Images used to form the application.
Inside the Project folder, the README.md file must be filled up properly, with proper visualizations and descriptions.
๐ด๐ก Points to Note :
The issues will be assigned on a first come first serve basis, 1 Issue == 1 PR.
"Issue Title" and "PR Title should be the same. Include issue number along with it.
๐ด Project Title : Newspaper Portal
๐ด Aim : Build a news paper website which can facilitate the user to login or register and provide the newspapers to the users like E-paper
๐ด Tech Stack Used : Next.js, React, Node.js, MongoDB, HTML, CSS
๐ด Category : Next-JS
๐ Follow the Guidelines to Contribute in the Project :
You need to create a separate folder named as the Project Title.
Inside that folder, there will be all the main components.
Cover image of the application, if project will be deployed in future, with the name of the folder in Kebab-Case (hypen-separated).
Main files in formatted state so that code will be readable.
Other Images - In seprate folder named Images used to form the application.
Inside the Project folder, the README.md file must be filled up properly, with proper visualizations and descriptions.
๐ด๐ก Points to Note :
The issues will be assigned on a first come first serve basis, 1 Issue == 1 PR.
"Issue Title" and "PR Title should be the same. Include issue number along with it.
๐ด Project Title : Markdown Previewer
๐ด Aim : Create a web application that allows users to input Markdown syntax and see the rendered output in real-time.
๐ด Tech Stack Used : Vue.js, HTML, CSS
๐ด Category : Vue-JS
๐ Follow the Guidelines to Contribute in the Project :
You need to create a separate folder named as the Project Title.
Inside that folder, there will be all the main components.
Cover image of the application, if project will be deployed in future, with the name of the folder in Kebab-Case (hypen-separated).
Main files in formatted state so that code will be readable.
Other Images - In seprate folder named Images used to form the application.
Inside the Project folder, the README.md file must be filled up properly, with proper visualizations and descriptions.
๐ด๐ก Points to Note :
The issues will be assigned on a first come first serve basis, 1 Issue == 1 PR.
"Issue Title" and "PR Title should be the same. Include issue number along with it.
๐ด Project Title : Weather website
๐ด Aim : Build a weather application using Next.js that fetches weather data from an API and displays it to the user.
๐ด Tech Stack Used : Next.js, React, API Integration
๐ด Category : Next-JS
๐ Follow the Guidelines to Contribute in the Project :
You need to create a separate folder named as the Project Title.
Inside that folder, there will be all the main components.
Cover image of the application, if project will be deployed in future, with the name of the folder in Kebab-Case (hypen-separated).
Main files in formatted state so that code will be readable.
Other Images - In seprate folder named Images used to form the application.
Inside the Project folder, the README.md file must be filled up properly, with proper visualizations and descriptions.
๐ด๐ก Points to Note :
The issues will be assigned on a first come first serve basis, 1 Issue == 1 PR.
"Issue Title" and "PR Title should be the same. Include issue number along with it.
๐ด Project Title : Biography of Dr. B R Ambedkar
๐ด Aim : Design a webpage which can tell the history of Dr. B R Ambedkar in a concised way from their birth to death.
๐ด Tech Stack Used : HTML, CSS
๐ด Category : Front-end
๐ Follow the Guidelines to Contribute in the Project :
You need to create a separate folder named as the Project Title.
Inside that folder, there will be all the main components.
Cover image of the application, if project will be deployed in future, with the name of the folder in Kebab-Case (hypen-separated).
Main files in formatted state so that code will be readable.
Other Images - In seprate folder named Images used to form the application.
Inside the Project folder, the README.md file must be filled up properly, with proper visualizations and descriptions.
๐ด๐ก Points to Note :
The issues will be assigned on a first come first serve basis, 1 Issue == 1 PR.
"Issue Title" and "PR Title should be the same. Include issue number along with it.
๐ด Project Title : Video Player with Playback Controls
๐ด Aim : Develop a customizable video player web application that allows users to play, pause, seek, and control the playback of videos.
๐ด Tech Stack Used : HTML, CSS, React, Vue.js
๐ด Category : Vue-JS
๐ Follow the Guidelines to Contribute in the Project :
You need to create a separate folder named as the Project Title.
Inside that folder, there will be all the main components.
Cover image of the application, if project will be deployed in future, with the name of the folder in Kebab-Case (hypen-separated).
Main files in formatted state so that code will be readable.
Other Images - In seprate folder named Images used to form the application.
Inside the Project folder, the README.md file must be filled up properly, with proper visualizations and descriptions.
๐ด๐ก Points to Note :
The issues will be assigned on a first come first serve basis, 1 Issue == 1 PR.
"Issue Title" and "PR Title should be the same. Include issue number along with it.
๐ด Project Title : GitHub Profile Viewer with Repositories Filter
๐ด Aim : Create a web application that allows users to view a GitHub user's profile information along with their repositories.
๐ด Tech Stack Used : HTML, CSS, React, Bootstrap
๐ด Category : React-JS
๐ Follow the Guidelines to Contribute in the Project :
You need to create a separate folder named as the Project Title.
Inside that folder, there will be all the main components.
Cover image of the application, if project will be deployed in future, with the name of the folder in Kebab-Case (hypen-separated).
Main files in formatted state so that code will be readable.
Other Images - In seprate folder named Images used to form the application.
Inside the Project folder, the README.md file must be filled up properly, with proper visualizations and descriptions.
๐ด๐ก Points to Note :
The issues will be assigned on a first come first serve basis, 1 Issue == 1 PR.
"Issue Title" and "PR Title should be the same. Include issue number along with it.
๐ด Project Title : Real Time Chat Application
๐ด Aim : A website provide facility to the user to interact with another user like whatsapp.
๐ด Tech Stack Used : Angular, React, Vue
๐ด Category : Angular-JS
๐ Follow the Guidelines to Contribute in the Project :
You need to create a separate folder named as the Project Title.
Inside that folder, there will be all the main components.
Cover image of the application, if project will be deployed in future, with the name of the folder in Kebab-Case (hypen-separated).
Main files in formatted state so that code will be readable.
Other Images - In seprate folder named Images used to form the application.
Inside the Project folder, the README.md file must be filled up properly, with proper visualizations and descriptions.
๐ด๐ก Points to Note :
The issues will be assigned on a first come first serve basis, 1 Issue == 1 PR.
"Issue Title" and "PR Title should be the same. Include issue number along with it.
๐ด Project Title : Morse code convertor
๐ด Aim : A website which can convert the morse code into English language so that user can understood that message.
๐ด Tech Stack Used : HTML, CSS, JS
๐ด Category : Vanilla-JS
๐ Follow the Guidelines to Contribute in the Project :
You need to create a separate folder named as the Project Title.
Inside that folder, there will be all the main components.
Cover image of the application, if project will be deployed in future, with the name of the folder in Kebab-Case (hypen-separated).
Main files in formatted state so that code will be readable.
Other Images - In seprate folder named Images used to form the application.
Inside the Project folder, the README.md file must be filled up properly, with proper visualizations and descriptions.
๐ด๐ก Points to Note :
The issues will be assigned on a first come first serve basis, 1 Issue == 1 PR.
"Issue Title" and "PR Title should be the same. Include issue number along with it.
๐ด Project Title : URL Scraper
๐ด Aim : Build a web scraper that extracts information from a given URL and displays it.
๐ด Tech Stack Used : Node.js, Express.js, HTML, CSS
๐ด Category : Node-JS
๐ Follow the Guidelines to Contribute in the Project :
You need to create a separate folder named as the Project Title.
Inside that folder, there will be all the main components.
Cover image of the application, if project will be deployed in future, with the name of the folder in Kebab-Case (hypen-separated).
Main files in formatted state so that code will be readable.
Other Images - In seprate folder named Images used to form the application.
Inside the Project folder, the README.md file must be filled up properly, with proper visualizations and descriptions.
๐ด๐ก Points to Note :
The issues will be assigned on a first come first serve basis, 1 Issue == 1 PR.
"Issue Title" and "PR Title should be the same. Include issue number along with it.
๐ด Project Title : Gallery website
๐ด Aim : Build a gallery application using Next.js that allows users to upload, share, and organize images. The project focuses on creating a responsive and visually appealing gallery experience.
๐ด Tech Stack Used : Next.js, React, TypeScript, Node.js
๐ด Category : Next-JS
๐ Follow the Guidelines to Contribute in the Project :
You need to create a separate folder named as the Project Title.
Inside that folder, there will be all the main components.
Cover image of the application, if project will be deployed in future, with the name of the folder in Kebab-Case (hypen-separated).
Main files in formatted state so that code will be readable.
Other Images - In seprate folder named Images used to form the application.
Inside the Project folder, the README.md file must be filled up properly, with proper visualizations and descriptions.
๐ด๐ก Points to Note :
The issues will be assigned on a first come first serve basis, 1 Issue == 1 PR.
"Issue Title" and "PR Title should be the same. Include issue number along with it.
๐ด Project Title : Hex color code generator website
๐ด Aim : To provide a color palette to the user then user will make a combination of the colors. Finally, website will provide the hex code of that color to the user.
๐ด Tech Stack Used : HTML, CSS, JS
๐ด Category : Vanilla-JS
๐ Follow the Guidelines to Contribute in the Project :
You need to create a separate folder named as the Project Title.
Inside that folder, there will be all the main components.
Cover image of the application, if project will be deployed in future, with the name of the folder in Kebab-Case (hypen-separated).
Main files in formatted state so that code will be readable.
Other Images - In seprate folder named Images used to form the application.
Inside the Project folder, the README.md file must be filled up properly, with proper visualizations and descriptions.
๐ด๐ก Points to Note :
The issues will be assigned on a first come first serve basis, 1 Issue == 1 PR.
"Issue Title" and "PR Title should be the same. Include issue number along with it.
๐ด Project Title : MakeMyTrip website clone
๐ด Aim : To clone the website of the MakeMyTrip.
๐ด Tech Stack Used : HTML, CSS
๐ด Category : Front-end-Projects
๐ด Screenshot
๐ Follow the Guidelines to Contribute in the Project :
You need to create a separate folder named as the Project Title.
Inside that folder, there will be all the main components.
Cover image of the application, if project will be deployed in future, with the name of the folder in Kebab-Case (hypen-separated).
Main files in formatted state so that code will be readable.
Other Images - In seprate folder named Images used to form the application.
Inside the Project folder, the README.md file must be filled up properly, with proper visualizations and descriptions.
๐ด๐ก Points to Note :
The issues will be assigned on a first come first serve basis, 1 Issue == 1 PR.
"Issue Title" and "PR Title should be the same. Include issue number along with it.
๐ด Project Title : Emoji Maker Project
๐ด Aim : Build a project which can provide user to choose different parts of the emoji like eyes, ears, mouth, etc. and create your own emoji and save and copy that emoji picture in your system.
๐ด Tech Stack Used : HTML, CSS, JS
๐ด Category : Vanilla-JS
๐ Follow the Guidelines to Contribute in the Project :
You need to create a separate folder named as the Project Title.
Inside that folder, there will be all the main components.
Cover image of the application, if project will be deployed in future, with the name of the folder in Kebab-Case (hypen-separated).
Main files in formatted state so that code will be readable.
Other Images - In seprate folder named Images used to form the application.
Inside the Project folder, the README.md file must be filled up properly, with proper visualizations and descriptions.
๐ด๐ก Points to Note :
The issues will be assigned on a first come first serve basis, 1 Issue == 1 PR.
"Issue Title" and "PR Title should be the same. Include issue number along with it.
๐ด Project Title : Video Streaming server
๐ด Aim : Develop a video streaming server that supports live streaming and on-demand videos.
๐ด Tech Stack Used : Node.js, Express.js, FFmpeg, MongoDB, etc.
๐ด Category : Node JS
๐ Follow the Guidelines to Contribute in the Project :
You need to create a separate folder named as the Project Title.
Inside that folder, there will be all the main components.
Cover image of the application, if project will be deployed in future, with the name of the folder in Kebab-Case (hypen-separated).
Main files in formatted state so that code will be readable.
Other Images - In seprate folder named Images used to form the application.
Inside the Project folder, the README.md file must be filled up properly, with proper visualizations and descriptions.
๐ด๐ก Points to Note :
The issues will be assigned on a first come first serve basis, 1 Issue == 1 PR.
"Issue Title" and "PR Title should be the same. Include issue number along with it.
๐ด Project Title : Random Name Generator
๐ด Aim : Build a website which can generate the random names of the people according to the choice of the user either male or female names.
๐ด Tech Stack Used : HTML, CSS, JS
๐ด Category : Vanilla-JS
๐ Follow the Guidelines to Contribute in the Project :
You need to create a separate folder named as the Project Title.
Inside that folder, there will be all the main components.
Cover image of the application, if project will be deployed in future, with the name of the folder in Kebab-Case (hypen-separated).
Main files in formatted state so that code will be readable.
Other Images - In seprate folder named Images used to form the application.
Inside the Project folder, the README.md file must be filled up properly, with proper visualizations and descriptions.
๐ด๐ก Points to Note :
The issues will be assigned on a first come first serve basis, 1 Issue == 1 PR.
"Issue Title" and "PR Title should be the same. Include issue number along with it.
๐ด Project Title : A Travel Website
๐ด Aim : A website to showcase the different places of the world to the tourist to go there for a tour.
๐ด Tech Stack Used : React
๐ด Category : React-JS
๐ Follow the Guidelines to Contribute in the Project :
You need to create a separate folder named as the Project Title.
Inside that folder, there will be all the main components.
Cover image of the application, if project will be deployed in future, with the name of the folder in Kebab-Case (hypen-separated).
Main files in formatted state so that code will be readable.
Other Images - In seprate folder named Images used to form the application.
Inside the Project folder, the README.md file must be filled up properly, with proper visualizations and descriptions.
๐ด๐ก Points to Note :
The issues will be assigned on a first come first serve basis, 1 Issue == 1 PR.
"Issue Title" and "PR Title should be the same. Include issue number along with it.
๐ด Project Title : Pomodoro Timer
๐ด Aim : Build a simpler website as that of Pomodoro timer website with all the functionalities and notifications.
๐ด Tech Stack Used : HTML, CSS, React JS
๐ด Category : React-JS
๐ Follow the Guidelines to Contribute in the Project :
You need to create a separate folder named as the Project Title.
Inside that folder, there will be all the main components.
Cover image of the application, if project will be deployed in future, with the name of the folder in Kebab-Case (hypen-separated).
Main files in formatted state so that code will be readable.
Other Images - In seprate folder named Images used to form the application.
Inside the Project folder, the README.md file must be filled up properly, with proper visualizations and descriptions.
๐ด๐ก Points to Note :
The issues will be assigned on a first come first serve basis, 1 Issue == 1 PR.
"Issue Title" and "PR Title should be the same. Include issue number along with it.
๐ด Project Title : Recipe Finder
๐ด Aim : Develop a web application that allows users to search for recipes based on various criteria such as ingredients, cuisine type, dietary restrictions, cooking time, and more.
๐ด Tech Stack Used : HTML, CSS, Bootstrap, JS
๐ด Category : Vanilla-JS
๐ Follow the Guidelines to Contribute in the Project :
You need to create a separate folder named as the Project Title.
Inside that folder, there will be all the main components.
Cover image of the application, if project will be deployed in future, with the name of the folder in Kebab-Case (hypen-separated).
Main files in formatted state so that code will be readable.
Other Images - In seprate folder named Images used to form the application.
Inside the Project folder, the README.md file must be filled up properly, with proper visualizations and descriptions.
๐ด๐ก Points to Note :
The issues will be assigned on a first come first serve basis, 1 Issue == 1 PR.
"Issue Title" and "PR Title should be the same. Include issue number along with it.
๐ด Project Title : Biography of Mahatma Gandhi
๐ด Aim : Design a webpage which can tell the history of Mahatma Gandhi in a concised way from their birth to death.
๐ด Tech Stack Used : HTML, CSS
๐ด Category : Front-end
๐ Follow the Guidelines to Contribute in the Project :
You need to create a separate folder named as the Project Title.
Inside that folder, there will be all the main components.
Cover image of the application, if project will be deployed in future, with the name of the folder in Kebab-Case (hypen-separated).
Main files in formatted state so that code will be readable.
Other Images - In seprate folder named Images used to form the application.
Inside the Project folder, the README.md file must be filled up properly, with proper visualizations and descriptions.
๐ด๐ก Points to Note :
The issues will be assigned on a first come first serve basis, 1 Issue == 1 PR.
"Issue Title" and "PR Title should be the same. Include issue number along with it.
๐ด Project Title : Countdown Timer
๐ด Aim : To create a website which can shows the timer with sound i.e., how much is left in seconds tic-tic-tic
๐ด Tech Stack Used : HTML, CSS, JS
๐ด Category : Vanilla-JS
๐ Follow the Guidelines to Contribute in the Project :
You need to create a separate folder named as the Project Title.
Inside that folder, there will be all the main components.
Cover image of the application, if project will be deployed in future, with the name of the folder in Kebab-Case (hypen-separated).
Main files in formatted state so that code will be readable.
Other Images - In seprate folder named Images used to form the application.
Inside the Project folder, the README.md file must be filled up properly, with proper visualizations and descriptions.
๐ด๐ก Points to Note :
The issues will be assigned on a first come first serve basis, 1 Issue == 1 PR.
"Issue Title" and "PR Title should be the same. Include issue number along with it.
๐ด Project Title : Amazon Prime Clone
๐ด Aim : To clone the Amazon Prime Login Page of the Website as it is.
๐ด Tech Stack Used : HTML, CSS
๐ด Category : Front-end Projects
๐ Follow the Guidelines to Contribute in the Project :
You need to create a separate folder named as the Project Title.
Inside that folder, there will be all the main components.
Cover image of the application, if project will be deployed in future, with the name of the folder in Kebab-Case (hypen-separated).
Main files in formatted state so that code will be readable.
Other Images - In seprate folder named Images used to form the application.
Inside the Project folder, the README.md file must be filled up properly, with proper visualizations and descriptions.
๐ด๐ก Points to Note :
The issues will be assigned on a first come first serve basis, 1 Issue == 1 PR.
"Issue Title" and "PR Title should be the same. Include issue number along with it.
๐ด Project Title : Habit Tracker
๐ด Aim : Build a Habit Tracker website using Next.js to help users establish and monitor their habits. The application should allow users to create, track, and visualize their daily habits, providing a simple and intuitive interface.
๐ด Tech Stack Used : Next.js, React, Node.js, MongoDB, HTML, CSS
๐ด Category : Next-JS
๐ Follow the Guidelines to Contribute in the Project :
You need to create a separate folder named as the Project Title.
Inside that folder, there will be all the main components.
Cover image of the application, if project will be deployed in future, with the name of the folder in Kebab-Case (hypen-separated).
Main files in formatted state so that code will be readable.
Other Images - In seprate folder named Images used to form the application.
Inside the Project folder, the README.md file must be filled up properly, with proper visualizations and descriptions.
๐ด๐ก Points to Note :
The issues will be assigned on a first come first serve basis, 1 Issue == 1 PR.
"Issue Title" and "PR Title should be the same. Include issue number along with it.
๐ด Project Title : Joke Telling website
๐ด Aim : A website which can provide users jokes according to their interests.
๐ด Tech Stack Used : HTML, CSS, JS
๐ด Category : Vanilla-JS
๐ Follow the Guidelines to Contribute in the Project :
You need to create a separate folder named as the Project Title.
Inside that folder, there will be all the main components.
Cover image of the application, if project will be deployed in future, with the name of the folder in Kebab-Case (hypen-separated).
Main files in formatted state so that code will be readable.
Other Images - In seprate folder named Images used to form the application.
Inside the Project folder, the README.md file must be filled up properly, with proper visualizations and descriptions.
๐ด๐ก Points to Note :
The issues will be assigned on a first come first serve basis, 1 Issue == 1 PR.
"Issue Title" and "PR Title should be the same. Include issue number along with it.
๐ด Project Title : User Registration System
๐ด Aim : Build a website which takes users details which are necessary for registration and create a registration and login page for the user.
๐ด Tech Stack Used : Node.js, Express.js, HTML, CSS, JavaScript
๐ด Category : Node-JS
๐ Follow the Guidelines to Contribute in the Project :
You need to create a separate folder named as the Project Title.
Inside that folder, there will be all the main components.
Cover image of the application, if project will be deployed in future, with the name of the folder in Kebab-Case (hypen-separated).
Main files in formatted state so that code will be readable.
Other Images - In seprate folder named Images used to form the application.
Inside the Project folder, the README.md file must be filled up properly, with proper visualizations and descriptions.
๐ด๐ก Points to Note :
The issues will be assigned on a first come first serve basis, 1 Issue == 1 PR.
"Issue Title" and "PR Title should be the same. Include issue number along with it.
๐ด Project Title :Text to voice converter using vanilla js
๐ด Aim :This project will convert the entered text into a computed voice.
๐ด Tech Stack Used :HTML,CSS,JS
๐ด Category : Vanilla JS
๐ Follow the Guidelines to Contribute in the Project :
You need to create a separate folder named as the Project Title.
Inside that folder, there will be all the main components.
Cover image of the application, if project will be deployed in future, with the name of the folder in Kebab-Case (hypen-separated).
Main files in formatted state so that code will be readable.
Other Images - In seprate folder named Images used to form the application.
Inside the Project folder, the README.md file must be filled up properly, with proper visualizations and descriptions.
๐ด๐ก Points to Note :
The issues will be assigned on a first come first serve basis, 1 Issue == 1 PR.
"Issue Title" and "PR Title should be the same. Include issue number along with it.
๐ด Project Title : Food Ordering Website
๐ด Aim : A website which can be design to order foods like Zomato, Swiggy, etc.
๐ด Tech Stack Used : React
๐ด Category : React-JS
๐ Follow the Guidelines to Contribute in the Project :
You need to create a separate folder named as the Project Title.
Inside that folder, there will be all the main components.
Cover image of the application, if project will be deployed in future, with the name of the folder in Kebab-Case (hypen-separated).
Main files in formatted state so that code will be readable.
Other Images - In seprate folder named Images used to form the application.
Inside the Project folder, the README.md file must be filled up properly, with proper visualizations and descriptions.
๐ด๐ก Points to Note :
The issues will be assigned on a first come first serve basis, 1 Issue == 1 PR.
"Issue Title" and "PR Title should be the same. Include issue number along with it.
๐ด Project Title : Mobile Shopping Website
๐ด Aim : Build a mobile selling website which having all types of brands of the mobiles of the whole world with proper registration and login. Taking shipping address and necessary informations and build the project.
๐ด Tech Stack Used : Node, Angular, HTML, CSS, etc.
๐ด Category : Node-JS
๐ Follow the Guidelines to Contribute in the Project :
You need to create a separate folder named as the Project Title.
Inside that folder, there will be all the main components.
Cover image of the application, if project will be deployed in future, with the name of the folder in Kebab-Case (hypen-separated).
Main files in formatted state so that code will be readable.
Other Images - In seprate folder named Images used to form the application.
Inside the Project folder, the README.md file must be filled up properly, with proper visualizations and descriptions.
๐ด๐ก Points to Note :
The issues will be assigned on a first come first serve basis, 1 Issue == 1 PR.
"Issue Title" and "PR Title should be the same. Include issue number along with it.