MyResume: CMS Portfolio dengan Bahagian Hadapan Bergaya Teknologi dan Boleh Ditemakan

MyResume ialah laman yang sedang anda lihat sekarang. Ia sebuah CMS portfolio Laravel: saya menguruskan segalanya dari pejabat belakang, dan halaman awam ini dikemas kini sebaik sahaja saya menyimpan.

Satu pejabat belakang untuk semuanya

• Profil: gambar, jawatan, lokasi, pautan hubungan dan bahagian tentang saya.
• Pendidikan, Pengalaman, Projek dan Blog: cipta, sunting dan padam sepenuhnya, dengan penyunting teks kaya untuk penerangan.
• Peti Masuk: mesej daripada borang hubungan sampai di sini, lengkap dengan status telah dibaca dan belum dibaca.
• Papan Pemuka: log pelawat, supaya saya dapat melihat lawatan hari ini dan trafik keseluruhan.

Tema daripada panel admin

Halaman Tetapan Tema membolehkan saya memilih pratetap warna (Hitam Emas, Biru Lautan, Indigo, Hijau Muda, Slate atau Rose) atau menetapkan warna sendiri, serta memilih latar belakang halaman log masuk. Warna dikeluarkan sebagai pemboleh ubah CSS, jadi pejabat belakang, halaman log masuk dan laman awam ini berubah serentak, tanpa perlu bina semula.

Bahagian hadapan dengan rasa teknologi

• Rangkaian nod bersambung yang hidup di bahagian hero dan bertindak balas terhadap tetikus anda.
• Baris bergaya terminal yang menaip jawatan saya, dan kesan glitch pada nama saya.
• Pendedahan semasa menatal, kad dengan sempadan neon berputar, dan denyut data yang mengalir ke bawah garis masa pengalaman.
• Animasi berat dimatikan secara automatik untuk pelawat yang memilih gerakan terkurang.

Keselamatan itu penting

Semasa membinanya saya dapati muat naik imej lama mempercayai sambungan fail yang dihantar oleh pelayar. Sebuah "imej" yang direka khas boleh disimpan sebagai halaman HTML hidup di laman ini. Kini setiap imej yang dimuat naik dinyahkod dan dilukis semula sebagai fail baharu, jadi hanya piksel yang disimpan dan sebarang skrip tersembunyi dibuang. Pelayan juga memilih nama dan sambungan fail itu sendiri.

Tumpukan teknologi

Laravel 10 · PHP 8.1 · MySQL · Blade · KaiAdmin (Bootstrap) · jQuery · pemprosesan imej GD · animasi Canvas.