MERN-CRASH-COURSE - https://mern-crash-course-1-5z8i.onrender.com/

A MERN Stack application built with MongoDB, Express, React, and Node.js, styled using Tailwind CSS. This project is a beginner-friendly crash course for learning how to develop a full-stack web application using the MERN stack.

🚀 Features

• 🔥 Full-Stack CRUD Application (Create, Read, Update, Delete)
• 🛠️ Backend:
  • MongoDB with Mongoose
  • RESTful API with Express.js
  • Environment Variables with dotenv
• 🎨 Frontend:
  • Modern UI built with React.js
  • Styled with Tailwind CSS
• 🌐 End-to-End Connectivity:
  • API calls with Axios
  • State management with React Hooks

🏗️ Installation & Setup

1️⃣ Clone the Repository

git clone https://github.com/your-username/MERN-CRASH-COURSE.git
cd MERN-CRASH-COURSE

2️⃣ Backend Setup

cd backend
npm install

Create a .env file in the backend folder and add:

PORT=5000
MONGO_URI=your_mongodb_connection_string

Start the backend server:

npm run dev

3️⃣ Frontend Setup

cd ../frontend
npm install
npm run dev

📂 Project Structure

MERN-CRASH-COURSE/
│── backend/            # Express.js Server
│   ├── models/         # Mongoose Models
│   ├── routes/         # API Routes
│   ├── config/         # Database Configuration
│   ├── server.js       # Main Server File
│   ├── .env            # Environment Variables
│── frontend/           # React.js Application
│   ├── src/            # React Components & Pages
│   ├── public/         # Static Files
│   ├── tailwind.config.js # Tailwind Configuration
│── README.md           # Project Documentation
│── package.json        # Dependencies & Scripts

📌 API Endpoints

🛠️ Tech Stack

• Frontend: React, Tailwind CSS
• Backend: Node.js, Express.js, Mongoose
• Database: MongoDB
• Tools: Dotenv, Axios, Vite (for React)

🤝 Contributing

Contributions are welcome! Feel free to fork the repository and submit pull requests.

🎯 Happy Coding! 🚀