Skip to content
Β 
Β 

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 OrgWebSolutions. 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

🌟 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.

Topics

Resources

Contributing

Stars

Watchers

Forks

Releases

Sponsor this project

Packages

Used by

Contributors

Languages