SoundSphere emerges as an innovative music player application, skillfully developed using React alongside TypeScript. Boasting a delightful assortment of functionalities, SoundSphere stands as your premier musical ally, offering an immersive experience in the realm of music.
Welcome to the SoundSphere Frontend repository, a component of the comprehensive SoundSphere music application. The project has been restructured into two separate repositories – one for the frontend and another for the backend. This repository is dedicated to the frontend, developed using React, TypeScript and Vite, and is deployed on Vercel for effortless hosting. Additionally, Cloudinary is utilized for efficient media management.
- Interactive user interface.
- Seamless integration with the backend for CRUD operations on songs.
- User authentication and authorization through Auth0.
- Enhanced user experience with React features.
- Automatic deployment using Vercel for quick updates.
- Media storage and management through Cloudinary.
- Node.js and pnpm installed.
- Basic knowledge of JavaScript and TypeScript.
- Familiarity with frontend development concepts.
- Access to the SoundSphere Backend repository.
- Clone this repository:
git clone https://github.com/ivanlomoro/SoundSphere - Navigate to the client folder:
cd SoundSphere - Install dependencies:
pnpm install - Configure frontend environment variables.
- Run the development server:
pnpm run dev
Access the SoundSphere frontend application at http://localhost:your_port.
The SoundSphere Frontend is automatically deployed on Vercel. Any changes pushed to the main branch trigger an automatic update of the deployed application.
- React and Vite for frontend development.
- TypeScript for type-safe JavaScript.
- Auth0 for secure user authentication.
- Integration with the SoundSphere Backend repository.
- MVC (Model-View-Controller) design pattern.
- Vercel for efficient and automatic deployment.
- Cloudinary for media storage and management.
 |
 |