kv13b / practice

Practice repository for Node.js and React.js features, including file uploads, email sending, and a Todo list with MongoDB

Repository from Github https://github.comkv13b/practiceRepository from Github https://github.comkv13b/practice

Practice of various node.js and react.js methods

This repository contains practice implementations of various Node.js and React.js methods, including file uploads using Multer, fetching data via Axios, and more.

How to Install

  1. Create one folder

  2. Right click and select Open in terminal

  3. Create a folder where you want to store the project.

  4. Right-click the folder and select Open in Terminal.

  5. Initialize a Git repository:

    git init
  6. Clone the repository

    git clone https://github.com/kv13b/practice.git
  7. npm install

  8. To go through the backend side seperatley

  9. type the command npm start

  10. Go to the frontend folder and type cd my-react-app and then npm run dev

1] Image upload using multer and fetch the data via axios package in react.js

  1. Uses Multer middleware to handle file uploads in Node.js.
  2. React.js fetches the uploaded data using Axios.
  3. Using CORS middleware to allow requests from different origins.

2]📧 Send Emails Using Nodemailer & React (Axios)

  1. Send emails via Nodemailer
  2. Connect React frontend with Node.js using Axios
    Todo List using React.js, MongoDB, and Express

3]Full-stack Todo List application:

  1. Frontend: Built with React.js to create, read tasks.
  2. Backend: Uses Express and MongoDB to manage tasks.
  3. Demonstrates CRUD operations and Axios integration for API calls.

About

Practice repository for Node.js and React.js features, including file uploads, email sending, and a Todo list with MongoDB


Languages

Language:JavaScript 77.2%Language:CSS 21.1%Language:HTML 1.7%