curesins startpage

---

A beautiful, customizable personal startpage with drag & drop functionality,
theme switching, and bookmark management.

Created by Cagatay URESIN

---

Features • Demo • Installation • Usage • Customization • Development • License

---

Features

• 🎨 Light and Dark Theme Support: Toggle between light and dark themes with a click
• 🌐 Multi-language Support: Available in English, Turkish, German, Azerbaijani, Chinese, Japanese, Spanish, and Finnish
• 📚 Drag & Drop Management: Organize bookmarks and categories by dragging and dropping
• 📝 Notes Widget: Quick notes area that persists between sessions
• ⏰ Clock Widget: Display current time and date in your preferred language
• 📅 Calendar Widget: Monthly calendar with navigation capabilities
• 🔍 Multiple Search Engines: Choose between Google, Bing, DuckDuckGo, Yandex, and Ecosia
• 🖼️ Custom Background: Set a personalized background image via URL
• 💾 Profile Import/Export: Export your setup and import it on other devices
• 📱 Responsive Design: Works on desktop, tablet and mobile devices

Demo

🚀 Launch the Live Demo Now

Try the live demo and see how you can customize your own startpage. No installation required!

Installation

Method 1: Direct Download

1. Download the latest release from the Releases page
2. Extract the zip file to a location of your choice
3. Open index.html in your web browser

Method 2: Clone Repository

# Clone the repository
git clone https://github.com/cagatayuresin/curesins-startpage.git

# Navigate to the project directory
cd curesins-startpage

# Open index.html in your browser

Method 3: Host on GitHub Pages

1. Fork this repository
2. Go to repository settings > Pages
3. Set source to main branch
4. Your startpage will be available at https://yourusername.github.io/curesins-startpage

Usage

Getting Started

When you first open curesins startpage, it will create a default category with some common links. You can:

1. Add new categories by clicking the + button in the main area
2. Add new links within categories by clicking the + button in each category
3. Use the profile menu (top-right user icon) to manage your settings

Adding and Organizing Bookmarks

Adding Categories

1. Click the + button in the main container
2. Enter a category name
3. Click the checkmark or press Enter

Adding Links

1. Click the + button in the category where you want to add a link
2. Enter the URL and name (optional)
3. Click the checkmark or press Enter

Organizing Your Dashboard

• Drag Categories: Reorder categories by dragging them to a new position
• Drag Links: Reorder links within a category or move them to a different category
• Delete Items: Drag items to the trash zone at the bottom of the screen or use delete buttons

Profile Management

Access profile options from the user icon in the top right:

• Export Profile: Save your current setup as a JSON file
• Import Profile: Load a previously saved profile
• Reset Profile: Clear all data and start fresh
• Set as Startpage: Get instructions for setting this page as your browser's startpage

Sample Profile

A sample profile is included (sample-profile.json) that you can import to see how curesins startpage can be customized. It contains:

• 8 pre-configured categories including Productivity, Development, Social Media, Entertainment, News & Weather, Shopping, and Education
• Multiple bookmarks in each category (over 40 popular websites)
• Sample notes with useful tips
• Dark theme pre-selected

To use the sample profile:

1. Click on the user icon in the top-right corner
2. Select "Import Profile"
3. Choose the sample-profile.json file
4. Enjoy your pre-configured startpage!

Theme and Language Settings

• Click the moon/sun icon to toggle between dark and light themes
• Select your preferred language from the profile menu
• The interface will automatically update with your selected language

Customization

Manual Customization

You can customize the startpage by editing the following files:

• styles.css: Change colors, layout, and appearance
• translations.js: Add or modify language translations
• script.js: Modify functionality or add new features

Development

This project is built with vanilla HTML, CSS, and JavaScript. No build step required.

Project Structure

├── index.html              # Main HTML file
├── script.js               # Main JavaScript code
├── styles.css              # CSS styling
├── translations.js         # Language translations
├── sample-profile.json     # Sample profile for import
├── LICENSE                 # MIT License file
├── CHANGELOG.md            # Version history
└── src/                    # Assets directory
    └── img/                # Images and icons

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

License

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

Credits

• Icons: Tabler Icons
• Font: Inter
• CSS Framework: Bootstrap

---

Ready to get started?

---

Made with ❤️ by Cagatay URESIN