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

To get started with this project, you will need to have Node.js and NPM installed on your system.
First, you need to open a Terminal in your system and Clone this repository by using :

git clone https://github.com/Mk4Levi/mern-mk-website.git

Navigate to the Project's directory :

cd mern-mk-website

Install all Dependencies used in this Project :

Frontend- npm install
Backend- 1. cd server 2. npm install

Start the development server

Frontend- npm run dev
Backend- 1. cd server  2. npm run dev

Now just search this link in your browser to view the live running application in your Local sysytem :

http://localhost:5173

Structure of the Folders & Files in this Repo :

.
├── 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