A modern web application for managing and organizing hotkeys across different applications. Built with React, TypeScript, and MongoDB.
- Create and manage multiple hotkey sets for different applications
- Modern, responsive UI built with shadcn/ui components
- Real-time updates and feedback
- Clean and intuitive interface
- MongoDB backend for flexible data storage
- React 18
- TypeScript
- Vite
- Tailwind CSS
- shadcn/ui components
- React Router DOM
- Axios
- Node.js
- Express
- MongoDB
- TypeScript
- CORS
- Node.js (v16 or higher)
- MongoDB (local or Atlas connection)
- npm or yarn
- Clone the repository:
git clone https://github.com/yourusername/hotkey-haven.git
cd hotkey-haven- Install dependencies for both client and server:
# Install client dependencies
cd client
npm install
# Install server dependencies
cd ../server
npm install- Set up environment variables:
# In server directory, create .env file
PORT=5000
MONGODB_URI=your_mongodb_connection_string
NODE_ENV=development- Start the development servers:
# Start the backend server (from server directory)
npm run dev
# Start the frontend development server (from client directory)
npm run dev- Open your browser and navigate to
http://localhost:5173
hotkey-haven/
├── client/ # Frontend React application
│ ├── src/
│ │ ├── components/ # React components
│ │ ├── hooks/ # Custom React hooks
│ │ ├── lib/ # Utility functions
│ │ └── types/ # TypeScript type definitions
│ └── ...
│
└── server/ # Backend Node.js application
├── src/
│ ├── controllers/ # Route controllers
│ ├── middleware/ # Express middleware
│ ├── models/ # MongoDB models
│ └── routes/ # API routes
└── ...
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.