Giter Site home page Giter Site logo

mcreng / url-shortener Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 11.04 MB

An url shortener service built by ReactJS and NodeJS

Home Page: https://mcreng-url-shortener.herokuapp.com/

HTML 5.77% CSS 3.93% JavaScript 90.29%
url-shortener heroku mern-stack antd

url-shortener's Introduction

url-shortener

This is a web application that provides url shortening services. I intend to learn more about front-end and back-end development through this project.

This project uses:

  • ReactJS and AntDesign as front-end
  • NodeJS, PostgreSQL, express, knex as back-end
  • Google OAuth2 as authentication
  • express-session, session-mongo and mLab as session storage
  • Heroku as host

To run url-shortener locally,

  • git clone https://github.com/mcreng/url-shortener.git
  • Head to root and run npm i to install required dependencies
  • Set up PostgreSQL, MongoDB and Google API
  • Duplicate .env.example to .env.local and fill in the details
  • cd server && knex migrate:latest
  • Start by npm run dev

To run url-shortener on your Heroku host,

  • git clone https://github.com/mcreng/url-shortener.git
  • heroku create
  • Set up Heroku PostgreSQL, MongoDB and Google API
  • Duplicate .env.example to .env and fill in the details
  • cd server && knex migrate:latest --env build
  • git push heroku master
  • If you are not commiting .env due to sensitive data (let's say you are also pushing to GitHub), use heroku config:add $(cat .env).

url-shortener's People

Contributors

mcreng 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.