Skip to content

README.md

Latest commit

 

History

History
140 lines (86 loc) · 3.27 KB

README.md

File metadata and controls

140 lines (86 loc) · 3.27 KB

MERN Stack Learning Repository

📚 Learning and Implementing the MERN Stack

Welcome to my MERN Stack Learning repository! 🚀 This repository contains all the projects, notes, and exercises as I progress through the Delta Course by Apna College.

Table of Contents

About the Course

The Delta course by Apna College focuses on building a strong foundation in the MERN Stack, comprising:

  • M: MongoDB (Database)
  • E: Express.js (Backend Framework)
  • R: React.js (Frontend Library)
  • N: Node.js (Runtime Environment)

It provides a hands-on approach to mastering full-stack development with real-world projects and problem-solving sessions.

Tech Stack

  • Frontend: React.js, HTML5, CSS3, JavaScript
  • Backend: Node.js, Express.js
  • Database: MongoDB
  • Tools & Platforms: Git, GitHub, VS Code

Projects

Here’s a glimpse of the projects completed in this course:

  1. To-Do List Application

    • Description: A simple CRUD application to manage daily tasks.
    • Tech: React.js, Node.js, Express.js, MongoDB.

  2. Authentication System

    • Description: User registration and login functionality with JWT-based authentication.
    • Tech: React.js, Node.js, MongoDB.

  3. Instagram Clone (Frontend Only)

    • Description: A basic Instagram-like page using EJS and static data.
    • Tech: EJS, Node.js, Express.js.

  4. RESTful API with Express

    • Description: Building RESTful APIs for CRUD operations and learning middleware, error handling, and async operations.
    • Tech: Node.js, Express.js, MongoDB, MySQL.

  5. React Vite Practice App

    • Description: Practicing React fundamentals using Vite, including components, props, and state management.
    • Tech: React.js, Vite.

Note: Check out the directory for the source code and detailed documentation for each project.

Note: Check out the directory for the source code and detailed documentation for each project.

How to Use

To clone this repository and explore the projects locally:

  1. Clone the repository:

    git clone https://github.com/Kevindua26/Mern-Stack.git

Running the React/Vite App

  1. Navigate to the React project directory:

    cd React/basic-react-app

  2. Install dependencies:

    npm install

  3. Start the development server:

    npm run dev

  4. Open your browser and go to http://localhost:5173

Backend Setup (Node.js/Express)

  1. Navigate to the backend project directory (e.g., for RESTful API):

    cd Backend/Lecture 4/Creating RESTfull API

  2. Install dependencies:

    npm install

  3. Start the server:

    npm start

  4. The backend will run on http://localhost:3000 or the port specified in the project.

Contact

Feel free to reach out for questions, suggestions, or collaboration: