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