NextJs + Spring Boot + MySQL

Overview

iMusic Website


license

View Demo

Description

This is a website to liste to music online build with backend Spring Boot, database MySQL, and frontend Nextjs.

Project Preview

UI Screenshot Preview





Admin Screenshot Preview




Project Function

  • Play song and suggest song
  • Add song, edit info and delete
  • Add artist, edit info and delete
  • Add category, edit info and delete
  • Edit user interface
  • Store the user's music listening history
  • View treding song
  • Search song

Stack Tech

Backend

** Spring Boot + MySQL

Frontend

** NextJs + ReactJs + CharkaUI + Antd + Axios

BUGs, comments or you need to talk

Email Me: [email protected] (welcome, say hi)

License

Copyright (c) 2021 Dom Pham

You might also like...

A basic React/NextJS project showing how to use the Flow Client Library (FCL)

A basic React/NextJS project showing how to use the Flow Client Library (FCL)

How to use the Flow Client Library (FCL) with SvelteKit Everything you need to build a SvelteKit project with the Flow Client Library (FCL). For a Sve

Sep 24, 2022

Clone da GUI do Windows 11 desenvolvida utilizando ReactJS, NextJS, MaterialUI e ReactDND.

Clone da GUI do Windows 11 desenvolvida utilizando ReactJS, NextJS, MaterialUI e ReactDND.

Vídeo demonstração Iniciando a execução: npm run dev Frameworks & Bibliotecas: React.js - uma biblioteca JavaScript para a criação de interfaces de us

Dec 19, 2022

This is a movie app project using imdb database created by nextjs and tailwind css.

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Dec 24, 2021

Twitter-Clone-Nextjs - Twitter Clone Built With React JS, Next JS, Recoil for State Management and Firebase as Backend

Twitter Clone This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn de

Feb 7, 2022

Boilerplate for a NextJS and Supabase Project. Including full authentication with sign up, login and password recovery.

NextJS x Supabase Boilerplate Getting Started Environment variables Create the enviroment variables with the following command cp .env.local.dist .env

Jun 13, 2022

Boilerplate de projeto nextjs, com Styled Components e Typescript

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Mar 23, 2022

Personal website and blog made using NextJS, TailwindCSS, GraphCMS, and MDX bundler

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Aug 21, 2022

This repository store the source code of a chat application built in NextJS.

This repository store the source code of a chat application built in NextJS.

This repository store the source code of a chat application built in NextJS. The code was built in alura's React event, and here I styled the code to make it unique and creative!

Mar 31, 2022

A simple pokedéx build with Nextjs and PokéAPI

A simple pokedéx build with Nextjs and PokéAPI

Pokédex A simple pokedéx build with Nextjs and PokéAPI View Demo · Report Bug · Request Feature Table of Content About The Project Built With Getting

Dec 27, 2022
Shopify app using NextJS. No custom NextJS server needed.

Shopify NextJS App Example An example app built with NextJS that can be setup and deployed to production in seconds on Vercel. All the glory goes back

reda 35 Nov 29, 2022
✌️ A spring physics based React animation library

react-spring is a spring-physics based animation library that should cover most of your UI related animation needs. It gives you tools flexible enough

Poimandres 24.7k Dec 28, 2022
A spring that solves your animation problems.

React-Motion import {Motion, spring} from 'react-motion'; // In your render... <Motion defaultStyle={{x: 0}} style={{x: spring(10)}}> {value => <div

Cheng Lou 21.3k Jan 5, 2023
Smart Shop免费开源商城系统-spring cloud框架

注:该代码为1.0版本 以下介绍为v1.5部分 前言 交流群 技术微信 启山智软社区团购是一款系统稳定且经过线上反复论证并拥有大量真实用户使用的Java社区团购系统。 基于市场的反馈和变化,我们在不断开发完善社区团购的基础上,还抽离了一套属于我们自己的智慧门店物流配送系统,来帮助线下门店针对货物进行

null 356 Nov 9, 2022
Vanilla JS spring-interpolated values

Vanilla JS spring-interpolated values

Martin Wecke 4 Feb 28, 2022
A portfolio built in React and NextJS. Simple, clean, and fast.

Personal Portfolio A portfolio built in React and NextJS. Simple, clean and fast. Note: The logo and banner used in the project are my intellectual pr

Vipul Jha 98 Jan 2, 2023
Enable Fast Refresh for remote data in NextJS.

next-remote-refresh Utilize Fast Refresh for remote data in NextJS. ⚠️ This solution relies on undocumented APIs and may break in future NextJS update

Travis Arnold 153 Dec 23, 2022
This is my portfolio GitHub clone website. The frontend is build using NextJS and TailwindCSS.

Github Clone Portfolio Website Tech Stack used: NextJS Tailwind CSS The contact form in this website is connected to Notion. If you want to integrate

Unnati Bamania 22 Oct 5, 2022
Nextjs CRUD with React Context API and Tailwind CSS

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Fazt Web 23 Sep 25, 2022
nextjs-multiple-page-i18n

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Mahabub Islam Prio 1 Sep 10, 2022