Git Product home page Git Product logo

nil1729 / reactjs-demo Goto Github PK

View Code? Open in Web Editor NEW
3.0 0.0 0.0 1.63 MB

Simple projects are done by me during learning about React JS and MERN Stack Development

Home Page: https://nil1729.github.io/React-noob/

HTML 9.28% JavaScript 80.49% CSS 10.13% Shell 0.10%
expensetracker github-finder-javascript infinite-scrolling jwt-authentication mern- material-ui multi-step-form pagination redux graphql to-do-app api

reactjs-demo's Introduction

React JS Noob

  • Understanding React JS and MERN Stack Development.

Simple Projects For Learning React

Netflix Series List

  • This Site is Live here.

Todo List App Using Local Storage

  • This Site is Live here.

Github Profile Finder Using axios

  • This Site is Live here.

Github Profile Finder using Context API

  • This Site is Live here.

Adaptive Pagination

  • This site is Live here.
  • Task added on Repo. This is built using React Hooks. I use JSONplaceholder api for dummy posts.

Infinite Scroll Effect and MERN intro

  • This site is live here.
  • Task added on Repo. This is built using React Hooks and react-infinite-scroll-component. I use Unsplash api for fetching Photos. For using Unsplash api we have to download unsplash-js module and node-fetch.

JWT Authentication using Redux and GraphQL

  • This is site is hosted on Heroku and visit here.
  • This Task is done by using React Hooks and Redux
  • This is one kind of Boilerplate code which may included in any kind of MERN Stack website.
  • For Authentication I use JWT.
  • Backened APIs are built using GraphQL

Material UI and Context API

  • This site is Live here.
  • Task added on Repo. This is built using React Hooks. I use Pixabay api for Searching Photos.

Multi Step Form using Material UI

  • Site is hosted on Firebase, Visit here.
  • This is built using React Hooks and for Styling I use Metarial UI.

Expense Tracker using Context API and Styled using Materialize CSS

  • This Site is Live here.

Simple implementation of REDUX

  • This site is live here.

React Firebase Authentication

  • This Site is live here

React-Express File Upload

  • This simple React App that shows how File Upload works with NodeJS. [ This is a Simple Demo. This is can not be used in Production level Applications ]. Here Uploaded Files stored on Local File System (Which is not Recommended).

  • For See How it works.

    • Clone this Repository
    • cd react-file-upload
    • npm install
    • cd client
    • npm install
    • cd ..
    • npm run dev

Made With โค by Nilanjan Deb

reactjs-demo's People

Contributors

dependabot[bot] avatar nil1729 avatar

Stargazers

 avatar  avatar  avatar

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.