diff --git a/public/index.html b/public/index.html index aa069f2..dd3321a 100644 --- a/public/index.html +++ b/public/index.html @@ -24,7 +24,7 @@ work correctly both with client-side routing and a non-root public URL. Learn how to configure a non-root public URL by running `npm run build`. --> - React App + Jammming diff --git a/src/App.js b/src/App.js deleted file mode 100644 index 3784575..0000000 --- a/src/App.js +++ /dev/null @@ -1,25 +0,0 @@ -import logo from './logo.svg'; -import './App.css'; - -function App() { - return ( -
-
- logo -

- Edit src/App.js and save to reload. -

- - Learn React - -
-
- ); -} - -export default App; diff --git a/src/components/App/App.js b/src/components/App/App.js new file mode 100644 index 0000000..d4481fd --- /dev/null +++ b/src/components/App/App.js @@ -0,0 +1,11 @@ +import styles from './App.module.css'; + +function App() { + return ( +
+ +
+ ); +} + +export default App; diff --git a/src/App.css b/src/components/App/App.module.css similarity index 100% rename from src/App.css rename to src/components/App/App.module.css diff --git a/src/App.test.js b/src/components/App/App.test.js similarity index 100% rename from src/App.test.js rename to src/components/App/App.test.js diff --git a/src/components/Playlist/Playlist.js b/src/components/Playlist/Playlist.js new file mode 100644 index 0000000..412faac --- /dev/null +++ b/src/components/Playlist/Playlist.js @@ -0,0 +1,11 @@ +import styles from './Playlist.module.css'; + +function Playlist() { + return ( +
+ +
+ ) +} + +export default Playlist; \ No newline at end of file diff --git a/src/components/Playlist/Playlist.module.css b/src/components/Playlist/Playlist.module.css new file mode 100644 index 0000000..e69de29 diff --git a/src/components/SearchBar/SearchBar.js b/src/components/SearchBar/SearchBar.js new file mode 100644 index 0000000..a2b8f78 --- /dev/null +++ b/src/components/SearchBar/SearchBar.js @@ -0,0 +1,11 @@ +import styles from './SearchBar.module.css'; + +function SearchBar() { + return ( +
+ +
+ ) +} + +export default SearchBar; \ No newline at end of file diff --git a/src/components/SearchBar/SearchBar.module.css b/src/components/SearchBar/SearchBar.module.css new file mode 100644 index 0000000..e69de29 diff --git a/src/components/SearchResults/SearchResults.js b/src/components/SearchResults/SearchResults.js new file mode 100644 index 0000000..6e445cc --- /dev/null +++ b/src/components/SearchResults/SearchResults.js @@ -0,0 +1,11 @@ +import styles from './SearchResults.module.css'; + +function SearchResults() { + return ( +
+ +
+ ) +} + +export default SearchResults; \ No newline at end of file diff --git a/src/components/SearchResults/SearchResults.module.css b/src/components/SearchResults/SearchResults.module.css new file mode 100644 index 0000000..e69de29 diff --git a/src/components/Track/Track.js b/src/components/Track/Track.js new file mode 100644 index 0000000..4718aeb --- /dev/null +++ b/src/components/Track/Track.js @@ -0,0 +1,11 @@ +import styles from './Track.module.css'; + +function Track() { + return ( +
+ +
+ ) +} + +export default Track; \ No newline at end of file diff --git a/src/components/Track/Track.module.css b/src/components/Track/Track.module.css new file mode 100644 index 0000000..e69de29 diff --git a/src/components/Tracklist/Tracklist.js b/src/components/Tracklist/Tracklist.js new file mode 100644 index 0000000..d7b1125 --- /dev/null +++ b/src/components/Tracklist/Tracklist.js @@ -0,0 +1,11 @@ +import styles from './Tracklist.module.css'; + +function Tracklist() { + return ( +
+ +
+ ) +} + +export default Tracklist; \ No newline at end of file diff --git a/src/components/Tracklist/Tracklist.module.css b/src/components/Tracklist/Tracklist.module.css new file mode 100644 index 0000000..e69de29 diff --git a/src/index.js b/src/index.js index d563c0f..d29364a 100644 --- a/src/index.js +++ b/src/index.js @@ -1,7 +1,7 @@ import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; -import App from './App'; +import App from './components/App/App'; import reportWebVitals from './reportWebVitals'; const root = ReactDOM.createRoot(document.getElementById('root'));