Skip to content

lawuysal/music-blog-frontend

Repository files navigation

Logo

Ray Maschine's Music Blog

Build from a minimal blog idea.

Server Codes Here
Table of Contents
  1. About The Project
  2. Screenshots

About The Project

Home page of the blog

Deployed on Vercel, Go to Ray's Blog

I created this website within my internship just to write down my thoughts about music and other concepts.

Eventually I improved myself both on frontend and backend.

I used a ASP.NET backend with MSSQL. Since I learning the ASP.NET, this project played a great role to improve my common skills like database migrations, DI, identity and authentication.

With this project, I also improved my react skills like routing, querying and mutating remote data, styling and user experience. Also Shadcn really helped me to achive faster development both on components and dark mode :).

I created a fully responsive design with the help of Tailwind. Yes, it's possible with vanilla CSS but it makes managing the files and class names a hard thing.

Built With

  • Typescript
  • React
  • React Router
  • React Queryff
  • Shadcn
  • Tailwind
  • .NET
  • MSSQL

(back to top)

Screenshots

Main Page with Light Mode

Main Page with Light Mode

Article Gallery with querying and sorting features

Article Gallery with querying and sorting features

Article Page 1

Article Page 1

Article Page 2 with markdown

Article Page 1

Fully working category and tag querying

Fully working category and tag querying

Article Creation page

Article Creation page

Article Creation page with DIY markdown editor and preview

Article Creation page with DIY markdown editor and preview

Article Creation page with local draft and clean functions

Article Creation page with local draft and clean functions

Image Gallery to upload and use images in the articles

Image Gallery to upload and use images in the articles

Responsive design examples

---