Ray's Blog
A personal blog for music producer and mixing engineer Ray Maschine.
Content
Overview
Status
:
Deployed
Timeline
:
Jul 2024 - Sep 2024
Description
Ray's Blog is a dynamic individual blog website developed during my internship at Entegre Yazılım.
Created for the music producer and mixing engineer Ray Maschine, the website is designed to be a personal blog where Ray can share his thoughts, experiences, and knowledge with his followers.
Features
- Server and database deployed on Azure
- Client deployed on Vercel
- Admin authentication with JWT
- Markdown support
- Image uploading for blog posts
- Post querying with tags and categories
- Post and image sorting
- Fully responsive design
- Dark and light themes
- Toast updates
Tech Stack
TypeScript
JavaScript with compile-time type checking
C#
Server's programming language
ASP.NET Core Web API
A framework for building HTTP services
Entity Framework Core
An object-relational mapping (ORM) framework
Microsoft SQL Server
A relational database
React
A JavaScript library for single page applications
Vite
A modern build tool for libraries like React
React Router
A routing library for React from the creators of Remix
Tanstack Query
A remote state management library
Tailwind CSS
A CSS framework
Shadcn-ui
A component library-ish based on RadixUI
Screenshots
Main page
Main page with light theme
Articles page with sorting and querying options
Article page
Article page with markdown content
Fully working category and tag querying
Article Creation page
Article Creation page with DIY markdown editor and preview
Article Creation page with local draft and clean functions
Image Gallery to upload and use images in the articles
Responsive Design Examples
