cawolfkreo / instafight

a web application to "make" two instagram accounts fight

Insta Fight

Description

This is a web application to compare two accounts on instagram in this way: You give the two accounts and the app will take the last picture uploads from both and respond with the account with the most likes. you also get the picture with most likes on the winner account based on the last picture uploads it fetch. Lastly, there is also a button that takes you to the profile of the winner in case you want to follow the account, two creative things I added, if I might say 🎉

Motivation

This is a project for a web development class in Uniandes. The objective is to make a quick project using node, MongoDB, ReactJS and I also used Bootstrap.

Getting Started

For this proyect to run you will need a couple of things first. First of all, a package manager. I recommend npm for this project.

Once you have a package manager you can now download this repo on any folder you want on your computer.

The next thing you have to do before you can deploy is setting up a mongo database. To do this:

• You can download mongodb here, then make a new database and a collection with the name you want.
• Or you can also use mongolab for free.

What you need to do now is set up ENV variables for the project before you can deplyo. This is important because this is how the project will connect to the db and how you can also set up your preferred port for the back-end server of this program. To do this step you can:

• Manually configuring environmental variables in your OS using the terminal or any other way your OS allow you to do so.
• Add a file called .env and set the variables there.

The veriables you need to add are:

• PORT : This is the port you want the server to run on.
• URL : The url where mongo is listening, this can be something like mongodb://localhost:xxxx/<dbname> or mongodb://<user>:<pass>@dsxxxxx.mlab.com:xxxx/<dbname> if you are using mongo lab.
• DBNAME : The name of the database you want to connect to.
• COLLECT : The name of the collection inside the database you want to use for this project. Try to have this collection empty before deploying as well.

Deployment

See an Already deployed demo

If you don't feel like deploying this project or preparing everything listed on the getting started section, there is a deployed version of this project here.

Deploy Yourself

Once you have everything ready open the terminal on the root folder where this project is downloaded in your pc and then enter on the frontend folder and run:

• npm install
• npm start build

that way you will have the Reactjs front end application ready. Now, open a new terminal, go back to the main folder and run:

• npm install
• npm start

Then the node-express server will be up and running. Once you are finish with this you can open localhost:3000 on your favorite browser and you will se the homepage of the app.

Authors

• Camilo Zambrano Votto

Contributing

If anyone wants to give me any help or ideas, you can by making new Issues or a Pull requests.

License

This repository has the standard MIT license. You can find it here.