Table of Contents
This project is a multi-page, full-stack application designed for the creation of music profiles. It offers several key features and optimizations aimed at enhancing the user experience and security:
User Sessions: The application utilizes JSON web tokens, state management, and cookies to optimize user sessions. This ensures a secure and seamless experience for users throughout their interaction with the platform.
User Engagement: To improve user engagement and satisfaction, the project incorporates CSS pseudo-classes and toast notifications. These elements provide real-time feedback and a more interactive experience for users.
Responsive Design: The application is built with responsive design principles in mind. It adapts to various screen sizes, including devices with a minimum width of 320px, thanks to the use of CSS media queries. This ensures that users can access and use the platform on a wide range of devices.
This project aims to provide a robust and user-friendly platform for creating music profiles, prioritizing security, engagement, and accessibility across different devices.
To get a local copy up and running follow these simple steps.
- Clone the repo
git clone https://github.com/destocot/vinyltheatre.git2.Then, navigate to the client directory in your terminal and install the necessary dependencies:
cd client
npm install- Navigate to the server directory in your terminal and install the necessary dependencies:
cd ../server
npm install- Createa a .env in the server folder and add your MongoDB connection string as follows:
MONGODB_URI=your_mongodb_uri_here- Finally run your development server for both client and server with the following commands
cd client
npm run devand
cd server
npm run dev
- Add User Sessions
- Responsive Design
- Adjustments for Missing Information
- Privacy Features
Khurram Ali - LinkedIn
Project Link: https://github.com/destocot/vinyltheatre
Use this space to list resources you find helpful and would like to give credit to. I've included a few of my favorites to kick things off!