A social media platform for people to post videos, follows, like and comment using next.js for front-end, node.js for back-end, and sanity for database
Vu Diep - [email protected]
Frank Salgado Gonzalez - [email protected]
![](/vudiep411/QuickVids-App/raw/main/public/images/overview1.png)
![](/vudiep411/QuickVids-App/raw/main/public/images/overview2.png)
Visit the fully deployed project
![](/vudiep411/QuickVids-App/raw/main/public/images/webarch.png)
![](/vudiep411/QuickVids-App/raw/main/public/images/dbquickvids.png)
This application is deployed on Vercel
If scaling is required, I would migrate the database (since sanity service is expensive) and create a load balancer.
This is an example of how you may give instructions on setting up your project locally. To get a local copy up and running follow these simple example steps.
npm install npm@latest -g
-
Clone the repo
git clone https://github.com/vudiep411/QuickVids-App.git
-
Install NPM packages
npm install
-
Run the React Project
npm run dev
-
Install Sanity
cd ./quickvids-backend npm install -g @sanity/cli
-
Set up Sanity on web browser visit Sanity to complete the set up and get the secret token.
-
Get google secret to activate sign-in with google library
-
Create a .env file and place your sanity secret and google secret inside. See .env.example for reference.
Note:
⚠ Sign up to get Sanity secret token and place it in a .env file after to start with sanity follow instructions and install all packages needed
⚠ If you are planning to create more evironment variables, make sure to register them in next.config.json file
⚠ The client will be started at http://127.0.0.1:3000/
⚠ Sanity development server will be started at http://127.0.0.1:3333/
Distributed under the MIT License. See LICENSE.txt
for more information.
Project Link: [https://github.com/vudiep411/QuickVids-App]