Skip to content

NisanurBulut/MythologyOfReactJs

Repository files navigation

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