Giter Club home page Giter Club logo

instagramclone-fe's Introduction

GitHub forks GitHub issues GitHub stars GitHub license

Instagram Clone(Frontend)

This is the frontend repository of an instagram clone Made on MERN stack, for backend repository, please check out Instagram Clone(BackEnd) ๐ŸŽ‰๐ŸŽ‰๐ŸŽ‰

We implement features such as:

  • Signin ๐Ÿ™‹โ€โ™‚๏ธ
  • Signup ๐Ÿ“
  • Profile ๐Ÿ“œ
  • Create Post ๐Ÿ“ฐ
  • View Posts of Others ๐Ÿ‘€

Table of Contents ๐Ÿ“š

Requirement ๐Ÿ”

  • nodejs 12.x.x or later
  • npm 6.x.x or later

Contributing โœ๏ธ

Contributions are welcome, and they are greatly appreciated! Every little bit helps, and credit will always be given.

You can contribute in many ways:

Report Bugs ๐Ÿž

Report bugs at our issues.

If you are reporting a bug๐Ÿ, please include:

  • Your operating system name and version.
  • Any details about your local setup that might be helpful in troubleshooting.
  • Detailed steps to reproduce the bug.

Fix Bugs ๐Ÿ›

Look through our issues for bugs. Anything tagged with "bug" is open to whoever wants to implement it.

Implement Features ๐Ÿท๏ธ

Look through our issues for features. Anything tagged with "feature" is open to whoever wants to implement it.

Submit Feedback ๐Ÿ“‘

The best way to send feedback is to file an issue at issues.

If you are proposing a feature:

  • Explain in detail how it would work.
  • Keep the scope as narrow as possible, to make it easier to implement.
  • Remember that this is a volunteer-driven project, and that contributions are welcome :)

How to Setup ๐Ÿ’ป

If you have yarn installed, you can use yarn instead.

For setting up this repo , you need to clone both frontend and backend repositories.

Setup Backend โŒจ๏ธ

git clone https://github.com/101Loop/InstagramClone-BE.git
cd InstagramClone-BE/
npm install
# For Linux & Mac users
cp keys.js.env keys.js
# For Windows users
copy keys.js.env keys.js
  • Open keys.js and modified the elements as below

    • <databaseUsername> -> Your database user
    • <password> -> Your database password
    • <dbname> -> The database you create
    • <YOUR JWT_SECRET KEY(random)> -> You need to create a JWT token with a secret of at least 14 characters
  • Start backend server

nodemon app

Setup Frontend ๐Ÿ–ฒ๏ธ

cd InstagramClone-FE/
npm install
npm start

Contributors ๐Ÿ‘จโ€๐Ÿ‘ฉโ€๐Ÿ‘ฆโ€๐Ÿ‘ฆ

instagramclone-fe's People

Contributors

iamdipanshusingh avatar luckypigeon avatar stephin007 avatar

Watchers

 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.