Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

A modern web application built with Next.js that provides a collection of essential development tools to streamline your workflow.

License

Notifications You must be signed in to change notification settings

mgoyal98/dev-ease

Repository files navigation

DevEase - Your Go-To Toolbox for All Things Tech

A modern web application built with Next.js that provides a collection of essential development tools to streamline your workflow.

🌐 Visit DevEase

DevEase

πŸš€ Features

  • πŸ’» Technical Features

    • Server-side rendering with Next.js 14
    • Type safety with TypeScript
    • Responsive design with Tailwind CSS
    • Dark mode support
    • Google Analytics integration
    • Performance monitoring with Vercel Analytics
  • πŸ› οΈ Development Tools

    • JSON formatter with epoch timestamp tooltips (hover over numbers to see formatted timestamps)
    • SQL formatter
    • JWT decoder
    • Password generator
    • UUID generator
    • Base64 encoder/decoder
    • Epoch converter

πŸ”§ Prerequisites

Before you begin, ensure you have installed:

  • Node.js (version 18 or higher)
  • npm, yarn, or pnpm
  • Docker (optional, for containerized deployment)

πŸ—οΈ Installation

Local Development

  1. Clone the repository:
git clone https://github.com/mgoyal98/dev-ease.git
cd dev-ease
  1. Install dependencies:
npm install
# or
yarn install
# or
pnpm install
  1. Set up environment variables:
cp .env.example .env.local
  1. Start the development server:
npm run dev
# or
yarn dev
# or
pnpm dev

Visit http://localhost:3000 to see the application.

Docker Deployment

  1. Build the Docker image:
docker build -t dev-ease .
  1. Run the container:
docker run -p 3000:3000 dev-ease

Visit http://localhost:3000 to see the application.

πŸ“ Project Structure

src/
β”œβ”€β”€ app/ # Next.js app directory
β”‚ β”œβ”€β”€ [categoryId]/ # Dynamic category routes
β”‚ β”œβ”€β”€ about/ # About page
β”‚ └── layout.tsx # Root layout
β”œβ”€β”€ common/ # Shared utilities and constants
β”‚ β”œβ”€β”€ constants/ # Application constants
β”‚ β”œβ”€β”€ enums/ # TypeScript enums
β”‚ β”œβ”€β”€ interfaces/ # TypeScript interfaces
β”‚ └── utils/ # Utility functions
β”œβ”€β”€ components/ # Reusable React components
└── tools/ # Individual tool implementations

πŸ› οΈ Development

This project uses:

  • TypeScript for type safety
  • ESLint for code linting
  • Prettier for code formatting
  • Tailwind CSS for styling
  • Next.js for the framework
  • Docker for containerization
  • Vercel for deployment

Available Scripts

# Development
npm run dev # Start development server
# Building
npm run build # Create production build
npm run start # Start production server
# Docker
docker build -t dev-ease . # Build Docker image
docker run -p 3000:3000 dev-ease # Run Docker container
# Code Quality
npm run lint # Run ESLint
npm run format # Run Prettier

🌟 Support

If you find this project helpful, please consider:

πŸ“« Quick Links

πŸ“« Contact

Questions or Feedback?

If you have any questions, issues, or suggestions, feel free to open a GitHub [issue]https://github.com/mgoyal98/dev-ease/issues. Thank you for using DevEase!

πŸ“„ License

This project is licensed under the MIT License - see the LICENSE file for details.

About

A modern web application built with Next.js that provides a collection of essential development tools to streamline your workflow.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

Packages

No packages published

Contributors 2

Languages

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /