Skip to content

Commit

Permalink
demo link updated
Browse files Browse the repository at this point in the history
  • Loading branch information
Vasu7389 committed Nov 9, 2022
1 parent 0dcafd7 commit 3473147
Showing 1 changed file with 19 additions and 9 deletions.
28 changes: 19 additions & 9 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,41 +6,51 @@ This is a free to use repository, you can clone any project from here and use it
And if you do find this repo useful, please give it a star :star:

## Our Website

[Codinn](https://www.codinn.dev/) is an amazing platform for junior to senior level developers who wish to enhance their knowledge in the field of Web application. We are focussing on building community of millions of people around the world who are learning to write good quality code together. You can learn to code with free projects, code snippets and interview preparation for the tech jobs. Happy coding!

## ReactJs Projects

#### [Day 1 - counter-game](https://github.com/Vasu7389/react30/tree/master/day1) | [Demo](https://www.codinn.dev/answer/ATkt9I8pY98i7kOmZhdn)
#### [Day 1 - counter-game](https://github.com/Vasu7389/react30/tree/master/day1) | [Demo](https://www.codinn.dev/article/day1-steps)

In this challenge you will be developing a counter game in which you can click a button to increase the count value.
This you can play with your friends and challenge them to click click click... as much as possible in a given time.

#### [Day 2 - custom-form](https://github.com/Vasu7389/react30/tree/master/day2) | [Demo](https://www.codinn.dev/answer/aPE3SfIYXGrhZRYnAmLA)
#### [Day 2 - custom-form](https://github.com/Vasu7389/react30/tree/master/day2) | [Demo](https://www.codinn.dev/article/day2-steps)

In this challenge you will be developing a reusable custom form component in which you can add as much input fields and buttons as you want. You can use that component in your future projects too to have a login form, registration form or a data creation/updation form for any CRUD functionality.

#### [Day 3 - tic-tac-toe](https://github.com/Vasu7389/react30/tree/master/day3) | [Demo](https://www.codinn.dev/answer/5ntJ14tv9SsFLzTFbsDP)
#### [Day 3 - tic-tac-toe](https://github.com/Vasu7389/react30/tree/master/day3) | [Demo](https://www.codinn.dev/article/day3-steps)

In this challenge we will develop a tic-tac-toe game using react basic concepts with little JS programming logic around that.

#### [Day 4 - stopwatch | timer](https://github.com/Vasu7389/react30/tree/master/day4) | [Demo](https://www.codinn.dev/answer/xXjMbi4WWSB5Lncha42m)
#### [Day 4 - stopwatch | timer](https://github.com/Vasu7389/react30/tree/master/day4) | [Demo](https://www.codinn.dev/article/day4-steps)

In this challenge we will develop a stopwatch and a timer using basic React concepts with little JS programming logic around that.

#### [Day 5 - snake-game](https://github.com/Vasu7389/react30/tree/master/day5) | [Demo](https://www.codinn.dev/answer/qmHJNNBDxP5ujoOmEhAE)
#### [Day 5 - snake-game](https://github.com/Vasu7389/react30/tree/master/day5) | [Demo](https://www.codinn.dev/article/day5-steps)

In this challenge we will develop the snake game using useState, useEffect, useRef along with the basic JS concepts.

#### [Day 6 - dino-game](https://github.com/Vasu7389/react30/tree/master/day6) | [Demo](https://www.codinn.dev/answer/8hZkIkluAgrroR4oJ3T9)
#### [Day 6 - dino-game](https://github.com/Vasu7389/react30/tree/master/day6) | [Demo](https://www.codinn.dev/article/day6-steps)

In this challenge we will develop a game which you might already had played in Google Chrome when internet gets disconnected, that is 'The Dino Game'. We will develop the same game in this challenge using useRef, useEffect, useState hooks, setTimeout & setInterval.
You will learn how to manipulate css styling based on some JS conditions. And how to get react jsx elements using useRef.

#### [Day 7 - JIRA: drag-drop](https://github.com/Vasu7389/react30/tree/master/day7) | [Demo](https://www.codinn.dev/answer/AFnwQ4AIpckDcPwahfyB)
#### [Day 7 - JIRA: drag-drop](https://github.com/Vasu7389/react30/tree/master/day7) | [Demo](https://www.codinn.dev/article/day7-steps)

In this challenge we will develop a drag-drop JIRA board without any external library.
You will learn how to make a html element draggable and how to make a div to catch that draggable element.
JS events used in this challenge are onDragOver, onDrop, onDragStart.

#### [Day 8 - input of tags](https://github.com/Vasu7389/react30/tree/master/day8) | [Demo](https://www.codinn.dev/answer/1HsuBQoY0bSe11nhKLk0)
#### [Day 8 - input of tags](https://github.com/Vasu7389/react30/tree/master/day8) | [Demo](https://www.codinn.dev/article/day8-steps)

In this challenge we will develop an input box which can add tags without any external library.
Only with just one component you can have an input box with the capability to input tags.
There will be only one state which will carry all the user inputs with the help of onKeyUp JS event.

#### [Day 9 - shoppinn](https://github.com/Vasu7389/react30/tree/master/day9) | [Demo](https://www.codinn.dev/answer/BqkNg8mEpWRZLPNdJpiZ)
#### [Day 9 - shoppinn](https://github.com/Vasu7389/react30/tree/master/day9) | [Demo](https://www.codinn.dev/article/day9-steps)

In this tutorial we will develop a shopping website using Reactjs Context API. This tutorial will teach you to develop an e-commerce website with basic functionality i.e. show products, add to cart, review and checkout and place & view orders.

## Contributions
Expand Down

0 comments on commit 3473147

Please sign in to comment.