Skip to content

Commit e8c3460

Browse files
Update README.md
1 parent 0ce99b2 commit e8c3460

File tree

1 file changed

+58
-41
lines changed

1 file changed

+58
-41
lines changed

README.md

Lines changed: 58 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -54,48 +54,65 @@ The application is divided into user-facing features and an administrative backe
5454

5555
The project includes various UI views:
5656

57-
### 🖼️ User Interface
57+
<h3>🖼️ User Interface</h3>
58+
59+
<table>
60+
<tr>
61+
<th width="33%">Homepage</th>
62+
<th width="33%">Login Page</th>
63+
<th width="33%">Registration Page</th>
64+
</tr>
65+
<tr>
66+
<td><img src="screenshot/Homepage.jpg" width="100%"></td>
67+
<td><img src="screenshot/Login.jpg" width="100%"></td>
68+
<td><img src="screenshot/register.jpg" width="100%"></td>
69+
</tr>
70+
71+
<tr>
72+
<th>All Music Displayed</th>
73+
<th>Song Details Page</th>
74+
<th>Singer Details Page</th>
75+
</tr>
76+
<tr>
77+
<td><img src="screenshot/All-Music-Displayed.jpg" width="100%"></td>
78+
<td><img src="screenshot/Song-Details.jpg" width="100%"></td>
79+
<td><img src="screenshot/Singer-Details-Son-Tung-MTP.jpg" width="100%"></td>
80+
</tr>
81+
82+
<tr>
83+
<th>Popular Artists</th>
84+
<th>Top 10 Songs</th>
85+
<th>Search Results</th>
86+
</tr>
87+
<tr>
88+
<td><img src="screenshot/Popular-Artists.jpg" width="100%"></td>
89+
<td><img src="screenshot/Top-10-songs.jpg" width="100%"></td>
90+
<td><img src="screenshot/Search-singer-Son-Tung.jpg" width="100%"></td>
91+
</tr>
92+
93+
<tr>
94+
<th>Filter by First Letter</th>
95+
<th>Event Page</th>
96+
<th>News Page</th>
97+
</tr>
98+
<tr>
99+
<td><img src="screenshot/Filter-by-First-Letter-S.jpg" width="100%"></td>
100+
<td><img src="screenshot/Event-Page.jpg" width="100%"></td>
101+
<td><img src="screenshot/News-Page.jpg" width="100%"></td>
102+
</tr>
103+
104+
<tr>
105+
<th>Contact Page</th>
106+
<th>Mini Game (Quiz)</th>
107+
<th>Show All Singers Page</th>
108+
</tr>
109+
<tr>
110+
<td><img src="screenshot/Contact-Page.jpg" width="100%"></td>
111+
<td><img src="screenshot/Minigame.jpg" width="100%"></td>
112+
<td><img src="screenshot/Show-All-Singers.jpg" width="100%"></td>
113+
</tr>
114+
</table>
58115

59-
| Homepage | Login Page | Registration Page |
60-
|----------|------------|-------------------|
61-
| ![Homepage](screenshot/Homepage.jpg) | ![Login Page](screenshot/Login.jpg) | ![Register Page](screenshot/register.jpg) |
62-
63-
| All Music Displayed | Song Details Page | Singer Details Page |
64-
|---------------------|-------------------|----------------------|
65-
| ![All Music](screenshot/All-Music-Displayed.jpg) | ![Song Details](screenshot/Song-Details.jpg) | ![Singer Details](screenshot/Singer-Details-Son-Tung-MTP.jpg) |
66-
67-
| Popular Artists | Top 10 Songs | Search Results |
68-
|-----------------|--------------|----------------|
69-
| ![Popular Artists](screenshot/Popular-Artists.jpg) | ![Top 10 Songs](screenshot/Top-10-songs.jpg) | ![Search Singer](screenshot/Search-singer-Son-Tung.jpg) |
70-
71-
| Filter by First Letter | Event Page | News Page |
72-
|------------------------|------------|-----------|
73-
| ![Filter](screenshot/Filter-by-First-Letter-S.jpg) | ![Event Page](screenshot/Event-Page.jpg) | ![News Page](screenshot/News-Page.jpg) |
74-
75-
| Contact Page | Mini Game (Quiz) | Show All Singers Page |
76-
|--------------|------------------|------------------------|
77-
| ![Contact Page](screenshot/Contact-Page.jpg) | ![Mini Game](screenshot/Minigame.jpg) | ![Show All Singers](screenshot/Show-All-Singers.jpg) |
78-
79-
80-
---
81-
82-
### 🛠️ Admin Interface
83-
84-
| Dashboard Page | Add Music Page | Add Singer Page |
85-
|----------------|----------------|-----------------|
86-
| ![Dashboard](screenshot/Dashboard-page.jpg) | ![Add Music](screenshot/Add-music-page.jpg) | ![Add Singer](screenshot/Add-singer-page.jpg) |
87-
88-
| Manage Singers | Manage Songs | Manage Users |
89-
|----------------|--------------|--------------|
90-
| ![Manage Singers](screenshot/Manage-Singers.jpg) | ![Manage Songs](screenshot/Manage-Song.jpg) | ![Manage Users](screenshot/Manage-Users.jpg) |
91-
92-
| Manage Contact | Bar Chart (Data Visualization) | Top 10 Songs (Admin View) |
93-
|----------------|-------------------------------|----------------------------|
94-
| ![Manage Contact](screenshot/Manage-Contact.jpg) | ![Bar Chart](screenshot/Bar-chart.jpg) | ![Top 10 Admin](screenshot/Top-10-Songs-Admin.jpg) |
95-
96-
| Singer Added Confirmation | Song Detail After Add Music | User Deleted Confirmation |
97-
|---------------------------|------------------------------|----------------------------|
98-
| ![Singer Added](screenshot/Singer-added.jpg) | ![Song Added](screenshot/Song-detail-After-add-music.jpg) | ![User Deleted](screenshot/Delete-User-successfully.jpg) |
99116

100117

101118
## 💻 Technology Stack

0 commit comments

Comments
 (0)