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