Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mk4levi/mern-mk-website
MERN-mk is a modern web application built using the MERN stack, featuring a React.js. This project utilizes MongoDB for data management and Express.js for the backend server. Redux is integrated to manage the application's state effectively, providing a predictable state container for managing complex state interactions across the application.
https://github.com/mk4levi/mern-mk-website
expressjs javascript mongodb nodejs reactjs redux typescript
Last synced: about 1 month ago
JSON representation
MERN-mk is a modern web application built using the MERN stack, featuring a React.js. This project utilizes MongoDB for data management and Express.js for the backend server. Redux is integrated to manage the application's state effectively, providing a predictable state container for managing complex state interactions across the application.
- Host: GitHub
- URL: https://github.com/mk4levi/mern-mk-website
- Owner: Mk4Levi
- Created: 2024-08-17T03:03:19.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-09-19T14:28:37.000Z (about 2 months ago)
- Last Synced: 2024-10-10T07:42:29.840Z (about 1 month ago)
- Topics: expressjs, javascript, mongodb, nodejs, reactjs, redux, typescript
- Language: JavaScript
- Homepage: https://manthan-mk-mern.vercel.app
- Size: 18.7 MB
- Stars: 7
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MERN-MK-website
## => MERN-mk-website is a modern web application built using the MERN stack, featuring a React.JS front-end.This project utilizes MongoDB for data management and Express.js for backend server.
## Website Link => https://manthan-mk-mern.vercel.app
## Project's Screenshots =>
## Technologies Used
- **MongoDB**: Database
- **Express.js**: Backend Server
- **React.js**: Frontend Framework
- **Node.js**: Backend Runtime Environment
Getting Started
1. To get started with this project, you will need to have `Node.js` and `NPM` installed on your system.
2. First, you need to open a `Terminal` in your system and `Clone` this repository by using :
```bash
git clone https://github.com/Mk4Levi/mern-mk-website.git
```
3. Navigate to the Project's directory :
```bash
cd mern-mk-website
```
4. Install all Dependencies used in this Project :
```sh
Frontend- npm install
Backend- 1. cd server 2. npm install
```
5. Start the development server
```sh
Frontend- npm run dev
Backend- 1. cd server 2. npm run dev
```
6. Now just search this link in your browser to view the live running application in your Local sysytem :
```bash
http://localhost:5173
```
Paths & Files
### Structure of the Folders & Files in this Repo :
```text
.
├── backend/
├── public/
├── src
│ ├── assets/
│ ├── components/
| └── MemberCard.jsx
| └── Form.jsx
| └── MangaCard.jsx
│ └── Navbar.jsx
│ └── PreLoader.jsx
│ └── Socials.jsx
| └── RecommendationCard.jsx
│ └── index.js
│
│ ├── config/
| └── firebaseConfig.js
│ └── index.js
│
│ ├── database/
| └── data.js
│ └── images.js
| └── index.js
│
│ ├── pages/
| └── AboutMe.jsx
│ └── Members.jsx
| └── Manga.jsx
| └── Guidelines.jsx
| └── Home.jsx
│ └── Register.jsx
| └── Characters.jsx
| └── Recommendation.jsx
| └── index.js
|
│ ├── App.jsx
│ ├── index.jsx
│ ├── vercel.json
│
├── .eslintrc.json
├── .gitattributes
├── .gitignore
├── index.html
├── package-lock.json
├── package.json
├── README.md
├── vite.config.js
```
# Thank You