Git Product home page Git Product logo

anime-connect's Introduction

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:

2. Project Structure

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

3. Setting up the Backend

Express.js Configuration

  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.

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

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

anime-connect's People

Contributors

prechy123 avatar izzdwizz avatar

Stargazers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.