Mô tả

Hi Guys ,

Welcome to the course MERN Stack Music Player

By listening the word music player you may be wondering that why we need a separate course for music player app.

Because already we lot of tutorials available to build music player. So to the student who are having this question...my answer is very simple You might have seen music player web apps which were build using plain Html/CSS or React or Plain Java script.

But in this course we will build the music player using MERN STACK.

What will students learn in this course ?

Building Real Time Project From Scratch

Handling file uploads with Multer and Cloudinary

Working with Tailwind CSS.

Building components from scratch without using any external libraries and frameworks.

Building our custom audio player which will have all the controls like play , pause , next song , previous song , shuffle songs , forward song , volume controls etc.

We will also work on playlists concept.

Creating playlist , add songs to playlist , removing songs from playlist etc.

Working with admin panel where the admin can control the entire application.

Adding song , uploading files , edit song etc.

Two rounds of unit testing.

Fixing issues after unit testing

By the end of this course you can able to build your own music player with all controls and functionalities.

24/7 Q/A Support

Deployment to Heroku.

--------------------------------------------------------------------------------------------------------------

MERN stands for MongoDB, Express, React, Node, after the four key technologies that make up the stack.

  • MongoDB - document database

  • Express(.js) - Node.js web framework

  • React(.js) - a client-side JavaScript framework

  • Node(.js) - the premier JavaScript web server

Express and Node make up the middle (application) tier. Express.js is a server-side web framework, and Node.js the popular and powerful JavaScript server platform. Regardless of which variant you choose, ME(RVA)N is the ideal approach to working with JavaScript and JSON, all the way through.

React is a free and open-source front-end JavaScript library for building user interfaces based on UI components. It is maintained by Meta and a community of individual developers and companies.

Redux is an open-source JavaScript library for managing and centralizing application state. It is most commonly used with libraries such as React or Angular for building user interfaces. Similar to Facebook's Flux architecture, it was created by Dan Abramov and Andrew Clark.

Node.js is an open-source, cross-platform, back-end JavaScript runtime environment that runs on the V8 engine and executes JavaScript code outside a web browser, which was designed to build scalable network applications.

MongoDB is an open source cross-platform document-oriented database program. Classified as a NoSQL database program, MongoDB uses JSON-like documents with optional schemas. MongoDB is developed by MongoDB Inc. and licensed under the Server Side Public License which is deemed non-free by several distributions

Bạn sẽ học được gì

Yêu cầu

Nội dung khoá học

14 sections

Introduction / Project Setup

6 lectures
PROMO / Source Code
06:25
Project Preview
13:55
Front End Setup
03:43
Tailwind Setup
07:32
Node/Express setup
04:29
Node Mongo Connection
11:31

User Registration

3 lectures
Register Page
20:27
User Model
02:11
Register API
16:09

User Login

3 lectures
Login API
14:06
Authorization / Middlewares
15:05
Protected Routes
11:37

Alerts / Toast Messages

2 lectures
Redux Setup
18:42
Alerts - Toasts
16:14

Layout

1 lectures
Default Layout
09:39

Get Songs List to Home Page

3 lectures
Song Model
04:13
Gel all songs - API
06:43
Display Songs in UI
13:20

Designing Audio Player

6 lectures
Audio Player-1
14:10
Audio Player-2
04:06
Audio Player-3
11:03
Audio Player-4
14:21
Audio Player-5
11:38
Audio Player-6
09:23

Playlists

4 lectures
Default Playlists
15:04
Add Playlist-1
12:51
Add Playlist-2
07:30
Add Playlist-3
18:20

Edit & Delete Playlists

2 lectures
Edit Playlists
20:44
Delete Playlists
06:47

First Round Testing

1 lectures
Testing / Fixing
30:17

Admin Panel

6 lectures
Admin Home - All Songs
14:05
Add Song Form
09:00
Upload File UI
11:57
Upload File - Multer
13:23
Add Song Final API
23:56
Edit Song
19:42

Search and Shuffle Songs

2 lectures
Search Songs
18:08
Shuffle Songs
07:33

Final Round Testing

3 lectures
UI Fixes
22:52
Testing-2
10:32
Admin access fix
08:47

Deployment

1 lectures
Deployment - Heroku/Github
17:05

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.