ssitvit / code-canvas

A hub for innovation through web development projects

Code Canvas

Bootstrap your Code Fantasies into Reality

CodeCanvas is an innovative platform where developers can collaborate and contribute their frontend expertise. From booking systems to games, landing pages to clones, this community-driven repository welcomes diverse frontend projects. Unleash your creativity, share your code, and inspire others to build captivating web experiences together on CodeCanvas.

This repository contains some exciting frontend projects like games, clones, and landing pages. So, let's contribute more projects to this repository. Happy learning!!

---

This Open-Source project is a part of GSSOC

---

---

Screenshots

---

if (youLiked) {
	starThisRepository();
}

---

Read for a successful merge

Contribute

Contribute and grow this repository with us, make sure to check out Contributing.md for contribution guidelines and add your name in the Contributors.md.

Code Of Conduct

Check out Code of Conduct to know an inclusive environment that respects all contributions.

License

This Community is Licensed under MIT license.

To contribute to this repository:

0. Star this repository.
   
1. Fork this repository.
   
2. Clone the forked repository.
   

git clone https://github.com/<your-github-username>/Code-Canvas

3. Navigate to the project directory.

cd Code Canvas

4. Create a new branch.

git checkout -b <your_branch_name>

5. Make changes.
   
6. Stage your changes and commit.
   

git add -A
git commit -m "<your_commit_message>"

7. Push your local commits to the remote repo.

git push -u origin <your_branch_name>

8. Create a Pull Request.
   
9. Congratulations! 🎉 you've made your contribution.

At last, after successfully submitting a pull request you can view your work live at SSIT LIVE

Tech Stack

Repo Status

---

MEET OUR TEAM ->

---

Project Admin ❤️

Shreya Rajpal

Let's Connect:

Project Maintainer 👩‍💻

Anukanksha Priya

Let's Connect:

Project Mentors 👩‍💻

Dharmesh Vala  

 

Our Contributors ✨

Thank you to all the amazing contributors who have made this project possible!!💝

code-canvas's Issues

Add a Scroll to top floating Button

Missing scroll-to-top button.

Addition of the "scroll to top" button that would float in bottom-right corner would enhance the user experience of the website.
I request you to assign this issue to me as GSSoC'23 Contributor.

I wanna add navbar and footer in this project

I would like to make a valuable contribution to this project.

Add flames Calculator

I want to add a flames calculator project to this repository, Can you assign it me?

Snake game

I would like to implement snake game using js html and css under the label GSSoC.

clone of Vertical Cafe Coffee Shop & Internet Cafe

it is a coffee shop website. it has amazing animations & user interface. I want to make a clone of it. please assign to me this uder gssoc'23.

The Simon Game

Simon is an electronic game of short-term memory skill
The instructions:
1- At the start of the game, one of the four keys randomly lights up and concurrently plays a sound that corresponds to that key. The player must press the same key twice. 3- After that, the Simon randomly switches on a second light and the original one again. 4- The player must use his memory to recreate this line of lights.

Job listing app[GSSOC'23]

Hey, i would like to contribute to this repo by making a job listing app.
A job listing app where users can view the list of all jobs sent from jobs API and expand each selected job. I would also add a search feature based on the requirement.

[GSSoC '23] Adding category filter option for projects.

There are many projects on the website and each one of them has category assigned.

I would like to add search input and filter option so that we can search the project according to the category or the search query we provide.
It would definitely be a good functionality to have.

Please assign this issue to me under GSSoC'23.

Fully Responsive Blog website

I want to add a Fully Responsive Blog website using developed using HTML, CSS and Javascript.
The website will be static with various features such as:

1. Multiple sections covering blogs, carousel, header, footer and a navbar.
2. Hover animations
3. Fading effects
4. Scroll to top functionality
5. Fully Responsive on all size of devices.

I would like to contribute by working the proposed project. Please assign me the task under GSSoC'23

Project Proposal

I wanted to make a standard portfolio template that can be used by everyone

-> This portfolio will contain Parallax Effect
-> on Scroll Animations
-> And all other necessary components

therefore assign this task to me under GSSOC'23

Thank you

Project Proposal

Adding a fully responsive Personal Resume website

Improving the readme file of drum_kit

I would like to work on improving the readme file of drum_kit project. I would like to add more features and make more engaging for the users and more expressive.

[NEW PROJECT] : Voice chat bot

Please assign me this project so that i can add new project as voice chat bot who interacts you and answers the questions.

Want to add a project on to-do list

Make second page of the Website Responsive

[Improvement]: Cards must be in center

Issue: Cards are in left side

Expectation: The cards must be placed in the center of the screen

online food ordering section(Heading is not placed at centre)

On online food ordering section .Heading(Discovering the best food )is not at center. Could you please assign to me under #gssoc 23

[New Project]: Tilting Maze Game

I would like to make a project on a game that involves a maze where 4 small balls are present and we have to tilt the board to make the balls move and bring all balls to the circle in the middle to win.

I would love to contribute to this open source project for GSSoC '23!

improving allignment of card in navbar section of online food ordering section

card icon of food ordering section is not proper placed .it will not give better UI experienced. please assign this issue to me

Clone of Wikipedia

Wikipedia features a straightforward structure that is always the same, along with a wealth of material that is simply divided into many parts.

Translator

wanted to add translator as a new dummy project.

Create a leaderboard page and add a button to it in homescreen

Add a leaderboard with good ui and names of all projects with images, create a column for rating as well done by Admins.

Adding favicon

The favicon is missing in the title of the website.

[GSSoC '23] | Project Addition Weather Website

Add a new project to the list

I'm in GSSOC'23

I want to add a new project to the list which is Weather Website link-https://yashkshrivas4491.github.io/WeatherWebApp/

This project is about building a web application to show a weather forecast using weather API from external services Open weather map.
Here you will be able to search for a specific location in the world and also it will automatically detect your current location in the beginning (for that you need to allow location) and will display all the important weather details.

Features

Easily Fetch data from API.
Zero dependencies.
Background image changes according to the country's input.
It show humidity , wind , temperature.
if you enter wrong country's name than it show no data available.

Could you assign me this issue @cleveranu

Remove Green Background of the cart

I want to remove the green background of the add to cart and align it according to the cart image and text.

Flappy Bird Game

As a Contributor in GSSoC"23 , I Would like to Create Flappy Bird Game using JavaScript , HTML , CSS . Can You Assign Me This Game ?

[New Project] Adding Whack a mole game

• I would like to add a new game to the projects section that is whack a mole game
• Let me do it under gssoc 2023

Readme updation

adding this image make readme more attractive request to assign me this issue under GSSOC'23 label

Add tindog

Hey, @Shreyaar12
Tindog is an online dating app for dogs like Tinder. I want to add this project to your repo. Please assign me this issue. Thank you!

[DOCS] Improving Clarity of Contribution Documentation for Beginners

This issue aims to address the problem by improving the clarityof the contribution documentation, ensuring that newcomers can easily navigate through the material and participate in the project.

As you can see we can make it better

I would like to work on this issue

Improving the index.html file

I would like to work on the index.html file of shopping_cart. I would like to add some features and make it more expressive.

Improving the index.html file

I would like to improve the index.html file of travel_landing project. I would like to add features in it and make it more expressive and engaging for the users.

add ball fall game

I want to add a ball fall game.Please assign this issue to me

Music Player clone

Create a music player clone

Music Section issue

when, I visit on Music section and when I clicked on any music instrument ,the arrow curser doesnot convert into hand cursor which will not gives better user experience.
Please assign this issue to me..

add license

I want to add license in the repo.PLease assign this issue to me under GSSOC

Project proposal

Proposal to put a project of Frontend of a social media site

I' wanna make a sign-up page for this project

[Bug]: Hover effect defect

Clicking in between the cards should not look like this. It should be made in such a way that only hovering on the specific card will be active keeping rest of all blur

Tic-Tac-Toe

Tic-Tac-Toe is a zero-sum game, which means that if both players are playing their best, the game will end in a Tie.

Add a limit to the maximum number of items that can be added to cart.

The count should not increase after a certain number. I want to add a limit to the maximum number of one particular item that can be added to the cart. I am GSSoC'23 contributor. Assign me this issue.

Fixing the projects cards & alignment of the heading

The cards don't have a proper border-radius, we can see a white portion appearing of the corners and it's not looking good. Also, the heading named "Projects" is not centered properly, fixing this issue will make the website look prettier.

Music Player

In the travel _landing will add a proper Navbar to access the features without scrolling down

Improving the readme file

I would like to work on improving the readme file of this project making it engaging for the users and make it more expressive.

[New Project]: Blog Website

I want to add a Fully Responsive Blog website using developed using HTML, CSS and Javascript.
The website will be static with various features such as:

Multiple sections covering blogs, carousel, header, footer and a navbar.
Hover animations
Fading effects
Scroll to top functionality
Fully Responsive on all size of devices.

I would like to contribute by working the proposed project. Please assign me the task under GSSoC'23

Portfolio clone

Create a template portfolio with about, work ex, contact and projects section

[New Project]: Password Generator

Password Generator

Description

A web app that generates a random password based on user-selected criteria.

Password Criteria

The user will be prompted to choose from the following password criteria:

1. Length (must be between 4 and 40 characters)
2. Include uppercase letters
3. Include lowercase letters
4. Include numbers
5. Include symbols

Program In which I am contributing

Girlscript Summer of Code 2023 (GSSoC'23)

Code of Conduct

• I follow CODE OF CONDUCT and CONTRIBUTING GUIDELINES of this project.

Please assign me this issue under GSSoC'23.
Thanks

Add Maze Game

I want to add an amazing Maze Game project to this repository. Can you please assign this to me under the label of GSSOC'23?

Want to add sign-up and sign-in functionality with authentication

Hello Mam,
I want to add sign-up and sign-in functionality with authentication using Node.JS. So, Please assign this issue to me.
Thank Youw