navanes

Add-queryParam-To-Url

Adding-fav-movie

Adding-Searching-from-list

BookList-useContext

creating a book list using useContext hook

Context-API-class-components

creating a react app using context api on class base components, using both 'static contextType' and 'context.Consumer'

Context-API-functional-component

Creating a list of books application, using context API with a functional component which we can change the theme of the list by clicking on the toggle button, but first you have to click on the logged in input to authenticate.

creating-a-server-using-KoaJS-logic

We have two JSON files "posts" and "users", you put "/user" or "/post" it will display whole json file on your localhost port. Also, you can add "id" of the specific user or post in the end of the URL.

list-of-movies

React

weather-app

weather-application

Please install bootstrap before you run the code.

navanes/list-of-movies

React

navanes/weather-application

Please install bootstrap before you run the code.

navanes/Add-queryParam-To-Url

navanes/Adding-fav-movie

navanes/Adding-Searching-from-list

navanes/BookList-useContext

creating a book list using useContext hook

navanes/Context-API-class-components

creating a react app using context api on class base components, using both 'static contextType' and 'context.Consumer'

navanes/Context-API-functional-component

Creating a list of books application, using context API with a functional component which we can change the theme of the list by clicking on the toggle button, but first you have to click on the logged in input to authenticate.

navanes/creating-a-server-using-KoaJS-logic

We have two JSON files "posts" and "users", you put "/user" or "/post" it will display whole json file on your localhost port. Also, you can add "id" of the specific user or post in the end of the URL.

navanes/custom-react-hook

Creating a movie list using a custom react hook to keep the list after refresh in the localstorage

navanes/expressjs

How to build a REST API with Node js & Express

navanes/feedback-form

Creating a feedback form using simple HTML, CSS, and JavaScript, also creating the same page using webpack and tailwindcss

navanes/fetch-data-useEffect

navanes/higher-order-component

Sometimes there is a need to share common functionality between components without repeating codes. So we can use Higher-Order-Components(HOC), HOC is a pattern where a function takes a component as an argument and return a new component.

navanes/KoaJS

Create an add list of things using KoaJS

navanes/Promises

navanes/quotes

Some beautiful quotes

navanes/React-file-with-strapi

frontend file created to connect with strapi

navanes/React-storybook

navanes/rock-paper-scissors

navanes/signup-login-page

Demonstration of how to create a signup and login page using Express.js for the backend, MySQL for the database, ReactJS for the frontend, and JWT (JSON Web Token) for authentication.

navanes/Snake-Game

navanes/stopWatch

navanes/strapi-file

create an strapi file to connect with my react app

navanes/todo-list

Creating a todo list app using React

navanes/TodoList-useReducer

Creating a TodoList using useReducer hook (without any styles)

navanes/unit-tests

Training different kind of unit tests

navanes/useMemo-useCallback-useRef-React.memo

using useMemo and useCallback Hooks also using React.memo which is a HOC, useMemo is a Hook to memorize a value, useCallback is a Hook that lets you to cache a function definition between re-renders, also using useRef() Hook which allows you to persist values between renders.

navanes/useReducer

creating a todo app using useReducer hook in React

navanes/usersApp