-
Make sure npm is installed
npm install -g npm
-
Clone or Fork the Repository
-
Make a Free Cloudinary Account and visit your dashboard. You should see 3 keys:
You will need these later
-
Also make sure docker is installed and docker desktop is avaliable
IF DOCKER DOES NOT WORK click here
-
Create a new
.env
file and copy the contents of.env.example
On local branch:
VITE_SERVER_URL=http://localhost:1337
Docker exposes port 1337
VITE_CLOUDINARY_CLOUD_NAME=
Cloud Name is your Cloudinary Cloud Name
-
Create a new
.env
file and copy the contents of.env.example
On local branch:
ACCESS_TOKEN_SECRET REFRESH_TOKEN_SECRET EMAIL_USER EMAIL_PASSWORD EMAIL_DOMAIN GOOGLE_CLIENT_ID GOOGLE_CLIENT_SECRET
doesnt matter you can leave them blank
The following below needs to be setup:
MONGO_URI=mongodb://admin:admin@lineupx_db:27017/LineupX PORT=1337 CLOUDINARY_SECRET=[secret key] CLOUDINARY_CLOUD_NAME=[cloud name] CLOUDINARY_API_KEY=[api key]
For the images to load you need to make the CLOUDINARY_CLOUD_NAME=ddwqqjmyo
- Make sure you're in the root directory of the project
- Run the following command:
docker compose up
- Now the frontend, server, and database should be up and running!
If the database for Valorant is not set up yet, follow these steps to initialize it using Docker.
-
Access the
lineupx_db
container:- Open Docker Desktop.
- Navigate to the terminal of the
lineupx_db
container.
-
Navigate to the initialization folder:
- In the terminal, run the following command:
cd docker-entrypoint-initdb.d
- In the terminal, run the following command:
-
Run the initialization scripts:
- Run the following commands in sequence to initialize the database:
bash ./init-mongo.sh bash ./init-mongo2.sh
- Run the following commands in sequence to initialize the database:
<<<<<<< fix-docker
If Docker doesn't work as expected, follow these steps to run the project without Docker.
Video Tutorial: https://www.youtube.com/watch?v=x5ob0yxvhas
-
Install MongoDB Locally
- Download and install MongoDB from the official website: https://www.mongodb.com/try/download/community.
- Download and install MongoDBCompass https://www.mongodb.com/try/download/compass.
- After installation, make sure MongoDB is running on your system.
- Navigate to the api folder
- Set the
MONGO_URI
in your.env
file to:MONGO_URI=mongodb://127.0.0.1:27017/lineupx
-
Run the Server and Frontend Manually
-
Backend:
Navigate to theserver
directory and install the dependencies:cd src/api npm install npm start
This will start the backend server.
-
Frontend:
Navigate to thefrontend
directory and install the dependencies:cd src/web npm install npm run dev
This will start the frontend in development mode.
-
By following this alternative setup, you can get the application up and running even if Docker is not available.
=======
main