My Website

A customizable, API-connected web application that lets you send messages directly to a Telegram channel and build dynamic pages using modular components.

Try it out: https://erden-rayev.com

---

🚀 Features

• Telegram Integration — Send messages to your Telegram channel using a serverless API route.
• Modern UI Components — A set of reusable and animated components built with React and Framer Motion.
• Environment-Based Configuration — Securely manage your API credentials via a .env.local file.
• Open and Extendable — Built for community use and contributions.

---

🧩 Getting Started

1. Clone the Repository

git clone https://github.com/rayeeev/My-website.git
cd My-website

2. Install Dependencies

npm install

3. Configure Environment Variables

Create a .env.local file in the project root and add your Telegram bot credentials:

TELEGRAM_BOT_TOKEN=your_telegram_bot_token
TELEGRAM_CHAT_ID=your_channel_or_chat_id

🛡️ Note: Keep your .env.local file private — do not commit it to GitHub.

4. Run the Development Server

npm run dev

Then open http://localhost:3000 to view your site.

---

💬 Telegram API Integration

The project includes an API endpoint at /api/telegram for sending messages to your Telegram channel.

Example usage:

fetch('/api/telegram', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({
    name: 'John Doe',
    message: 'Hello from my website!',
    source: 'website'
  })
});

This will send a formatted message using your TELEGRAM_BOT_TOKEN and TELEGRAM_CHAT_ID defined in .env.local.

---

🧱 Components

The app comes with multiple reusable UI components that you can use to build and customize your website.

Examples include:

• NavBar
• Stepper
• GlassSurface
• ProjectCard
• NoteCard
• SkillChip

You can extend these or create your own components under src/components.

---

🛠️ Build & Deploy

To create a production build:

npm run build

To start the production server:

npm start

You can deploy on platforms like Vercel, Netlify, or Render with minimal configuration.

---

🤝 Contributing

Contributions are welcome! If you’d like to improve this project, please fork the repo and submit a pull request.

📄 License

This project is open-source and available under the Apache 2.0 License.

🌟 Acknowledgments

Built and shared freely by rayeeev.

If you use this project, consider giving it a ⭐ on GitHub!