Portfolio

SONIC SAGA

Sonic Saga is a vibrant music blog designed to take you on an immersive journey through the world of music. Developed as part of a Web Development Course at Universidad De Antioquia, Sonic Saga combines sleek design, powerful features, and a passion for music to deliver an exceptional user experience. Dive into the depths of the music world, explore new artists, and personalize your sonic adventure with custom themes and Dark Mode.

MY ROLE

  • Front-End
  • Graphic Designer

LANGUAGES

  • HTML
  • Tailwind

PROBLEM

The Sonic Saga project aims to address the need for an engaging and dynamic platform for music enthusiasts to explore and interact with various genres, artists, and sonic experiences. Through this web application, users can delve into a curated collection of music content, ranging from album reviews and artist spotlights to thought-provoking articles and playlists. By offering a comprehensive yet user-friendly interface, Sonic Saga strives to foster a vibrant community where individuals can discover, share, and celebrate their passion for music in all its forms.

SOLUTION

The solution to the problem involved creating a responsive and visually appealing music blog using Tailwind CSS for styling and Vite for development. By implementing dynamic content loading and interactivity with JavaScript, users can navigate through the blog seamlessly and enjoy an enhanced reading experience.

PROCESS

1. Conceptualization and goal setting. 2. Planning and wireframing. 3. Setting up the development environment. 4. Frontend development with Tailwind CSS. 5. Implementing dynamic content. 6. Adding interactivity with JavaScript. 7. Testing and debugging. 8. Optimization and performance tuning. 9. Documentation and deployment.

AUDIENCE

The website targets music enthusiasts, offering a platform to explore various music genres, read articles, discover new artists, and engage with a community of like-minded individuals.

Problem
Solution
Process
Audience

PROBLEM

The Sonic Saga project aims to address the need for an engaging and dynamic platform for music enthusiasts to explore and interact with various genres, artists, and sonic experiences. Through this web application, users can delve into a curated collection of music content, ranging from album reviews and artist spotlights to thought-provoking articles and playlists. By offering a comprehensive yet user-friendly interface, Sonic Saga strives to foster a vibrant community where individuals can discover, share, and celebrate their passion for music in all its forms.

SOLUTION

The solution to the problem involved creating a responsive and visually appealing music blog using Tailwind CSS for styling and Vite for development. By implementing dynamic content loading and interactivity with JavaScript, users can navigate through the blog seamlessly and enjoy an enhanced reading experience.

PROCESS

1. Conceptualization and goal setting. 2. Planning and wireframing. 3. Setting up the development environment. 4. Frontend development with Tailwind CSS. 5. Implementing dynamic content. 6. Adding interactivity with JavaScript. 7. Testing and debugging. 8. Optimization and performance tuning. 9. Documentation and deployment.

AUDIENCE

The website targets music enthusiasts, offering a platform to explore various music genres, read articles, discover new artists, and engage with a community of like-minded individuals.