Skip to content

A comprehensive collection of React applications and MongoDB operations demonstrating various concepts from basics to advanced implementations.

Notifications You must be signed in to change notification settings

OrgWebSolutions/React-Basics

Repository files navigation

πŸš€ React & MongoDB Learning Journey

A comprehensive collection of React applications and MongoDB operations demonstrating various concepts from basics to advanced implementations.

React MongoDB Node.js License


πŸ“š Table of Contents


🎯 Overview

This repository contains 9 comprehensive programs covering React fundamentals, state management, component lifecycle, routing, and MongoDB CRUD operations. Each folder represents a specific topic with working examples and documentation.


πŸ“ Projects Structure

01 - React Basics & JSX

02 - Components & Props

03 - State Management

04 - Event Handling

05 - Conditional Rendering

06 - Lists & Keys

07 - Forms & Controlled Components

08 - React Router

09 - MongoDB CRUD Operations


πŸš€ Getting Started

Prerequisites

# Node.js (v18 or higher)
node --version

# MongoDB (v6 or higher)
mongod --version

# npm or yarn
npm --version

Installation

  1. Clone the repository
    git clone https://github.com/OrgWebSolutions/React-Basics.git
    cd react-app

πŸ› οΈ Technologies Used

Frontend

  • React 18.x - JavaScript library for building user interfaces
  • React Router - Declarative routing for React applications
  • JSX - JavaScript XML syntax extension

Backend & Database

  • MongoDB 6.x - NoSQL document database
  • MongoDB Shell (mongosh) - Interactive JavaScript interface

Development Tools

  • Node.js - JavaScript runtime
  • npm - Package manager
  • VS Code - Code editor
  • Git - Version control

πŸ“ Usage Examples

Running a React Project

cd 01
npm install
npm start
# Open http://localhost:3000

Running MongoDB Queries

# Navigate to folder 09
cd 09

# Open MongoDB files in VS Code
# Execute queries using MongoDB extension

🌐 Visit My Websites


🀝 Connect With Me

LinkedIn Twitter Instagram Facebook WhatsApp


🀝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

  1. Fork the project
  2. Create your feature branch (git checkout -b feature/AmazingFeature)
  3. Commit your changes (git commit -m 'Add some AmazingFeature')
  4. Push to the branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

⭐ Show Your Support

Give a ⭐️ if this project helped you learn React and MongoDB!


πŸ“„ Copyright & License

Β© 2025 Saurabh Kumar. All Rights Reserved.

This project is licensed for educational purposes only. You are free to:

  • Use the code for learning
  • Modify and experiment with the code
  • Share with proper attribution

Restrictions:

  • Commercial use is not permitted without permission
  • Must provide attribution to the original author

πŸ‘¨β€πŸ’» Developer


Made with ❀️ by

Saurabh Kumar

Saurabh Kumar

GitHub LinkedIn Twitter Instagram Website

GitHub Follow

🌟 Show Your Support

Give a ⭐️ if this project helped you!

πŸ™ Thank you for visiting!

Visitor Count



πŸ“ˆ Project Stats

GitHub last commit GitHub repo size GitHub stars


Happy Coding! πŸš€

About

A comprehensive collection of React applications and MongoDB operations demonstrating various concepts from basics to advanced implementations.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published