An open API service indexing awesome lists of open source software.

https://github.com/abej-rijwi/memories

This is a code repository for the corresponding video tutorial. Using React, Node.js, Express & MongoDB you'll learn how to build a Full Stack MERN Application - from start to finish. The App is called "Memories" and it is a simple social media app that allows users to post interesting events that happened in their lives.
https://github.com/abej-rijwi/memories

expressjs mern nodejs react

Last synced: 10 months ago
JSON representation

This is a code repository for the corresponding video tutorial. Using React, Node.js, Express & MongoDB you'll learn how to build a Full Stack MERN Application - from start to finish. The App is called "Memories" and it is a simple social media app that allows users to post interesting events that happened in their lives.

Awesome Lists containing this project

README

          





Project Banner




MongoDB
Express.js
ReactJS
Node.js

A Memories Application



Build this project step by step with our detailed tutorial on JavaScript Tutorial YouTube. Join the JST family!

## 📋 Table of Contents

1. 🤖 [Introduction](#introduction)
2. ⚙️ [Tech Stack](#tech-stack)
3. 🔋 [Features](#features)
4. 🤸 [Quick Start](#quick-start)

## 🚨 Tutorial

This repository contains the code corresponding to an in-depth tutorial available on our YouTube channel, JavaScript Tutorial.

If you prefer visual learning, this is the perfect resource for you. Follow our tutorial to learn how to build projects like these step-by-step in a beginner-friendly manner!

## 🤖 Introduction

Using React, Node.js, Express & MongoDB you'll learn how to build a Full Stack MERN Application - from start to finish. The App is called "Memories" and it is a simple social media app that allows users to post interesting events that happened in their lives.

If you're getting started and need assistance or face any bugs, join our active Discord community with over **34k+** members. It's a place where people help each other out.

## ⚙️ Tech Stack

- MongoDB
- ReactJS
- Node.Js
- Express.Js
- JWT

## 🔋 Features

👉 Full Stack MERN App: Built using MongoDB, Express, React, and Node.js for complete frontend and backend integration.

👉 "Memories" Social Media Platform: A simple and intuitive app that lets users share memorable moments from their lives.

👉 Create, Edit & Delete Posts: Users can easily manage their posts with full CRUD functionality.

👉 RESTful API: Backend powered by Express.js with routes for post management and MongoDB for data storage.

👉 React Hooks & Functional Components: Built using modern React practices for better performance and cleaner code.

👉 Responsive UI: Clean, mobile-friendly interface that adapts across all screen sizes.

👉 Learning Focused: Designed as an educational project to teach full-stack web development step by step.

👉 Card-Based Layout: Posts are displayed in an organized, card-style layout with titles, messages, and timestamps.

and many more, including code architecture and reusability

## 🤸 Quick Start

Follow these steps to set up the project locally on your machine.

**Prerequisites**

Make sure you have the following installed on your machine:

- [Git](https://git-scm.com/)
- [Node.js](https://nodejs.org/en)
- [npm](https://www.npmjs.com/) (Node Package Manager)

**Cloning the Repository**

```bash
git clone https://github.com/Abej-Rijwi/memories.git
cd memories
```

**Installation**

Install the project dependencies using npm:

```bash
npm install
```

**Set Up Environment Variables**

Create a new file named `.env` in the root of your project and add the following content:

```env
PORT = 5000
CONNECTION_URL =
```

Replace the placeholder values with your actual credentials. You can obtain these credentials by Yourself.