RedDotz20/Anime-Connect

A full stack stack social media website based on anime

Anime-Connect

Welcome to Anime-Connect, a full-stack social media platform dedicated to anime enthusiasts around the world. Connect with fellow fans, share your favorite anime moments, and discover new series to binge-watch!

Features

• User Profiles: Create a personalized profile to share your anime interests.
• Anime Communities: Explore a vast communities of anime series and movies.
• Social Interaction: Follow other users, make friends, post opinions, comment on posts, share post and exchange messages.
• Recommendations: Get personalized anime recommendations based on your preferences.

Getting Started

To get a local copy up and running, follow these simple steps.

1. Prerequisites

Before you proceed, ensure that you have the following prerequisites installed:

• Node.js and npm: Download and Install Node.js
• MongoDB: Download and Install MongoDB
• Git: Download and Install Git

2. Project Structure

mern-food-website/
├── backend/
│ └── ...
├── frontend/
│ └── ...
└── readme.md

3. Setting up the Backend

Express.js Configuration

Ensure you are using the latest node version

1. Navigate to the backend directory: cd backend.
2. Install dependencies: Run npm install.
3. Create a .env file in the backend directory and add the following environment variables:

DB_CONECTION = your_mongodb_connection_string
PORT = 4000
SECRET = Your_jwt_secret_phrase
REFRESH_SECRET = Your_jwt_refresh_secret_phrase

Replace your_mongodb_connection_string with your MongoDB connection string, and Your_jwt_secret_phrase with a secret key for JWT authentication.

4. Start the Express.js server: Run npm start or nodemon server.mjs or node server.mjs.

4. Setting up the Frontend

1. Navigate to the frontend directory: cd frontend.
2. Open util.js in src, set BASE_URL to "http://localhost:4000"
3. Install dependencies: Run npm install.
4. Start the React frontend: Run npm run dev.

5. Running the Application

• Access the website at http://localhost:5173/.

Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated. If you'd like to contribute to this project, follow the following steps:-

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some Amazing Feature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request