Code Monkey home page Code Monkey logo

url--shortener's Introduction

CrudCo URL Shortener

Requirements

  • Users can submit a long URL.
  • URLs are saved in a database.
  • Unique IDs are generated for each URL.
  • The short url is available via a list when a user logs in.

Tech Stack

  • PostgresSQL - Database
  • Django + Django REST Framework + SimpleJWT - Backend
  • React - Frontend

Workflow

Frontend

  • User submits URL
  • URL is shortened
  • Long and Short URL are saved with user ID associated
  • User gets list of URL titles with the links to short URL

UI

    Require: Title and URL
    Optional: Short URL (limited characters), generated automatically if not provided

Backend

  • Short URL is is sent to API
  • API takes ID of short URL to find long version
  • Site is redirected to the long URL after clicking the short URL link

Data Models

Tables

  • User's
    • ID -> Primary Key (auto)
    • Username
    • Password
    • Token
  • URLs
    • ID -> Primary Key (auto)
    • Title
    • Long URLs
    • Short URLs
    • User ID - Foreign

Relationships

URLs (many) -> User's (one)

url--shortener's People

Contributors

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