Giter VIP home page Giter VIP logo

shrinklink's Introduction

๐Ÿ”— Mern_Stack_Url_Shortner_App

MERN Stack Url Shortner APP



Tech Stack ๐Ÿ“š

  • A complete MERN stack project.


tailwindcss


Setup ๐Ÿ› 

Prerequisites :

  • Make sure you have the LTS version of Node installed.
  • Install git for version control.
  • Install MongoDB locally. (Resource)

Installation :

  • Step 1: Fork this repo.
  • Step 2: Clone your forked version of this repo locally. To clone, go to your command line / terminal, cd over to an appropriate directory and type in git clone https://github.com/<your username>/Mern_Stack_Url_Shortner_App.git.
  • Step 3: cd client-app
  • Step 4: While in the client-app directory, install the frontend dependencies using npm install or yarn.
  • Step 5: cd server
  • Step 6: While in the server directory, instlal the backend dependencies using npm install.
  • Step 7: Add the .env file in your server-app and add CONNECTION_STRING.
  • Step 8: Go to MongoDB atlas and create your DB and use the connection string.
  • Step 9: Go inside the server-app directory and run the backend server using npm start or using nodemon - npm run dev. The backend server will start on localhost:5001.
  • Step 9: While backend server is still running, open a new tab on the terminal and cd client-app.
  • Step 10: Finally start the react app using npm start. The app will start on port 3000 which can be accessed through http://localhost:3000/.

Note :

  • Don't forget to close all the running servers before closing the terminal/ command line.
  • Close all the running servers by visiting to every tab of the terminal the server is running on.
  • To close a running server use ctrl+c.


Developer ๐Ÿ˜Ž

Made with โค by Abhineet Deep.

shrinklink's People

Contributors

dmalvia avatar abhineet-deep 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.