Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/mk4levi/manthan-anime-hub

Manthan-Anime-Hub is a vibrant and inclusive online community platform which I've built specifically for anime enthusiasts. It serves as a central hub for anime fans to connect, share their passion, and explore the exciting world of anime together.
https://github.com/mk4levi/manthan-anime-hub

css3 eslint firebase firestore html5 javascript react-effects react-states reactjs

Last synced: 10 days ago
JSON representation

Manthan-Anime-Hub is a vibrant and inclusive online community platform which I've built specifically for anime enthusiasts. It serves as a central hub for anime fans to connect, share their passion, and explore the exciting world of anime together.

Awesome Lists containing this project

README

        

# Manthan-Anime-Hub

## => Manthan-Anime-Hub is a vibrant and inclusive online community platform which I've built specifically for anime enthusiasts. It serves as a central hub for anime fans to connect, share their passion, and explore the exciting world of anime together.

## Website Link => https://manthan-anime-hub.vercel.app/

## Project's Screenshots =>

![image](./src/assets/img/ss1.png)
![image](./src/assets/img/ss2.png)
![image](./src/assets/img/ss3.png)
![image](./src/assets/img/ss4.png)

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/Manthan-Anime-Hub.git
```

3. Navigate to the Project's directory :

```bash
cd Manthan-Anime-Hub
```

4. Install all Dependencies used in this Project :

```bash
npm install
```

5. Finally, host it on local server :

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

│ ├── css/
│ └── Home.css
| └── Navbar.css
| └── AboutMe.css
│ └── Recommendation.css
| └── Manga.css
| └── Characters.css
| └── Members.css
| └── Register.css
│ └── Socials.css
│ └── PreLoader.css
│ └── App.css
│ └── index.css

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