• Stars
    star
    673
  • Rank 67,060 (Top 2 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created over 4 years ago
  • Updated 2 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Free Modern URL Reducer. Make sure to share love by giving it a star.🌟 Have a great day!

Contributors Forks Stargazers Issues


logo

Reduced.to is a modern web application that reduces the length of link URL. So it's easier to remember, share and track.

App Β· Report Bug Β· Request Feature


πŸ“š Table of Contents
  1. 🌐 About The Project
  2. πŸš€ Getting Started
  3. πŸ±β€πŸ’» Usage
  4. 🧱 Roadmap
  5. πŸ₯‡ Contributing
  6. πŸ† Contributors
  7. πŸ“ License
  8. πŸ’Œ Contact

🌐 About The Project

πŸ”₯ Built With

List of frameworks/libraries used to bootstrap the project.

  • Nest
  • Qwik
  • Tailwindcss
  • Novu

(back to top)

πŸš€ Getting Started

πŸ“ƒ Prerequisites

List of things you need to run the project locally and how to install them.

  • npm
    npm install npm@latest -g
  • docker
    https://docs.docker.com/get-docker/

πŸ’» Installation

  1. Fork / Clone this repository
  2. Open the repository using the reduced.to.code-workspace file (VSCode)
  3. Install NPM packages
    npm install && npm run install:all
  4. Copy backend/example.env to .env and fill it properly (see below).
  5. Copy frontend/example.env to .env and fill it properly (see below).
  6. Make sure you have a local instance of PostgreSQL running on port 5432. If not, you can run it using docker:
    docker run --name reduced_to_db -e POSTGRES_USER=postgres -e POSTGRES_PASSWORD=postgres -e POSTGRES_DB=reduced_to_db -p 5432:5432 -d postgres
  7. Run Prisma migration inside the backend folder:
    npx prisma migrate dev --name init
  8. Run the backend:
    npm run start:backend
  9. Run the frontend:
    npm run start:frontend

πŸ‘©β€πŸ’» Development

You will find 3 folders

  • πŸš€ root
  • 🎨 reduced.to/frontend
  • πŸ“¦ reduced.to/backend

Running the frontend in dev mode

  1. Move to the frontend folder
    cd ./frontend
  2. Run the project (it will open a new window)
    npm run dev
  3. Vite will be now listening for changes in the code and reloading the solution

Running the backend in dev mode

  1. Move to the backend folder
    cd ./backend
  2. Run the project (be sure that you built the frontend before)
    npm run start:dev
  3. Nest will be now listening for changes in the code and reloading the solution

🐳 Docker

  • You can easily build your application in a docker container and run it.

  • Build and run frontend instance

    docker build frontend/ -t reduced.to-front
    docker run -p 5000:5000 reduced.to-front
  • Build and run backend instance

    docker build backend/ -t reduced.to-back
    docker run -p 3000:3000 reduced.to-back
  • Make sure to have a local instance of PostgreSQL running on port 5432. If not, you can run it using docker:

    docker run --name reduced_to_db -e POSTGRES_USER=postgres -e POSTGRES_PASSWORD=postgres -e POSTGRES_DB=reduced_to_db -p 5432:5432 -d postgres
  • Simply go to your favourite browser and visit http://localhost:5000/ to see your application.

πŸ™ Docker compose

  • In case you have docker installed, you can single-click deploy and test your changes by running the following and going to http://localhost:5000/ on your browser.
    docker compose -f docker-compose.dev.yml up

πŸ‘· Configuration

For the minimal configuration the following settings have to be changed in their .env file:

Backend configuration

App
  • APP_PORT: Backend port
  • NODE_ENV: Node environment (development / production)
Database
  • DATABASE_URL: Database connection string
Rate Limit
  • RATE_LIMIT_TTL: Rate limt TTL (time to live)
  • RATE_LIMIT_COUNT: Number of requests within the ttl
Logger
  • LOGGER_CONSOLE_THRESHOLD: Threshold level of the console transporter.
Frontend
  • FRONT_DOMAIN: Frontend instance domain
Redis
  • REDIS_ENABLE: Whether to use external redis store or not
  • REDIS_HOST: Redis instnace host
  • REDIS_PORT: Redis instance port
  • REDIS_PASSWORD: Redis instance password
  • REDIS_TTL: Redis ttl (in seconds)
Auth
  • JWT_SECRET: Jwt secret string
Novu

Frontend configuration

  • DOMAIN: Domain of your frontend app (used for cookies)

  • API_DOMAIN: Domain of your backend instance

Happy Hacking !

(back to top)

πŸ±β€πŸ’» Usage

Simply copy and paste a URL into the provided area. Then click shorten URL! Your URL has now been shortened!

(back to top)

🧱 Roadmap

  • Migrate backend to NestJS
  • Migrate frontend to Qwik
  • Better README
  • Generate QRCode
  • Split front-end into components
  • Better UI
    • Animations
    • Logo
    • Dark/Light mode
    • Fonts?
  • Improve front-end components
  • Backend tests
  • Front-end Tests
  • Logs
  • Add a statistics page
  • Add more ideas

Just create a Pull request already πŸ˜ƒ

See the open issues for a full list of proposed features (and known issues).

(back to top)

πŸ₯‡ Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star ⭐!

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

πŸ† Contributors

(back to top)

πŸ“ License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

πŸ’Œ Contact

Project Link: https://github.com/origranot/reduced.to

(back to top)