Coder Social home page Coder Social logo

nisanurbulut / mythologyofreactjs Goto Github PK

View Code? Open in Web Editor NEW
14.0 3.0 1.0 205.72 MB

This repository is actually a reactjs tutorial repository. Each repository is named after a mythical god.

License: GNU General Public License v3.0

HTML 9.37% CSS 17.20% JavaScript 69.29% C# 3.37% SCSS 0.77%
reactjs json-server react-router-dom context-api aspnetcore react-icons react-search react-number-format react-sort-data covid-19

mythologyofreactjs's Introduction

Mythology Of React Js

This repository is actually a reactjs tutorial repository. Each warehouse is named after a mythical god.

Give a Star! โญ

If you like or are using this project to learn or start your solution, please give it a star. Thanks!


1. Hera
Hera is a birthday reminder application and Hera is a MERNG work.Uses MongoDb for database and GraphQL for backend api.Apollo-Server was used with this entry level study.

App-Hera

Installation

  • npm install --save-dev nodemon
  • npm install apollo-server graphql mongoose
  • npm i graphql-tag

1. Arena
Arena is the mix project Refers to the context Api

App-Arena


3. Olympos
Olympos is the part of tutorial project Refers to the Hooks (UseState-UseEffect)

App-Olympos


4. Kirke
Kirke, refers to using firebase with axios library. The Kirke project uploads photos to the firebase database and lists the photos read from firebase on the main screen.

App-Kirke


5.Ikarus
Ikarus is a ReactJs Project With Asp.Net Core API. LinkPro's mean link to profile.

App-Ikarus


6.Hermes
Hermes is a react tutorial project promoting chess pieces. Refer to hooks

App-Hermes


7. Limos
Limos is a react tutorial project promoting recipe. Refer to hooks

App-Limos


8. Demeter
Demeter is a react tutorial project promoting accordion

App-Demeter


9. Kibele
Kibele is a react tutorial project promoting menu

App-Kibele


10. Athena
Athena is a react tutorial project promoting tab-menu

App-Athena


11.Dionysos
Dionysos is a wine god of Greek Mythology and is a react tutorial project promoting manuel, auto slider

App-Dionysos

12.Metis
Metis is a the goddess of wisdom, prudence and deep thought and is a react tutorial project promoting lorem ipsum generator

App-Metis


13.Aphrodite
Aphrodite is a the goddess of beautfy and is a react tutorial project promoting color generator

App-Aphrodite


14. Apollo
Apollo is the god of art and is a react tutorial project promoting click events

App-Apollo


15. Kronos
Kronos is the god of time in Greek mythology. In this tutorial, a countdown tool was developed using react material ui with localstorage.

App-Kronos


16. Hades
Hades is the Ancient Greek god of the Underworld, the place where human souls go after death. In time, his name became synonymous with his realm. In this tutorial project, the issue of covid is discussed. Searching and sorting operations have been done on the arrays. The axios library is used for API calls.

App-Hades


17. Zeus
Zeus is the god of the sky, lightning and the thunder in Ancient Greek religion and legends, and ruler of all the gods on Mount Olympus. In this tutorial project, weather queries have been made using api. State management is provided with the RxJs library.

App-Zeus


18. Myth
Myth is an application that introduces mythological creatures. The use of Redux pattern with Reactjs is demonstrated. Axios library was used with the help of json-server and data reading was done. React-Pagination is used.

App-Myth


19. Hestia
Hestia is a reactjs application that stores a list of books using localStorage. React Hooks are discussed in this study. Hooks used: useState, useContext, useReducer, useEffect. Context Api implementation is also demonstrated on functional and class-based components.

App-Hestia


20. Eros
This work is practical views of reactJs Hooks. Using hooks: useEffect, useState, useContext.

App-Eros
21. Guide ReactJs
This work is practical views of reactJs tutorials.

Literature for ReactJs

App-guideReactJs


Helpfull Websites

uidesigndaily Devto popmotion json-server unsplash webgradients edamam api values.js covid-19 api api.weatherstack Gif resize ReactJs Turkish Library ReactJs Articles ReactJs-Redux Application styled-components RickAndMortyApi The Net Ninja React Context & Hooks Tutorial tr.reactjs.orgTraversyMedia-React JS Crash Course 2021

mythologyofreactjs's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

hakkisagdic

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.