Skip to content

A full-stack web application template built with MongoDB, Express.js, React, and Node.js. This project provides a robust foundation for developing scalable and modern web applications. It includes boilerplate code for both the backend and frontend, RESTful API integration, and user authentication features.

Notifications You must be signed in to change notification settings

Kevindua26/Mern-Stack

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 

Repository files navigation

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:

About

A full-stack web application template built with MongoDB, Express.js, React, and Node.js. This project provides a robust foundation for developing scalable and modern web applications. It includes boilerplate code for both the backend and frontend, RESTful API integration, and user authentication features.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published