• Modern & responsive design : Cacta comes with beautiful modern design with fully responsive layout which results in an amazing UX
• Google Authentication : Login with your existing Google accounts with just one click
• Upload videos : Upload and share videos among your friends and peers in an instant
• Like & comments : Once you login, you can like, comment and engage with videos uploaded on Cacta
• User profiles : All users will have their own profile page where uploaded videos and likes will be displayed
• Search : Search existing accounts or videos with advanced search functionality on Cacta
• Suggested accounts : Cacta will suggest you accounts on the side bar from time to time
• Topics tags : Cacta comes with topic tags which can be used to filter videos by topic

• Next.js
• React.js
• Tailwind CSS
• Typescript

• Next.js : API endpoints and serverside rendering
• Google Identity Services SDK : Google authentication with React
• Zustand : State management
• Sanity : Datastore / Headless CMS

• Create a Sanity project with schema provided in ./cacta-backend
• Check out Sanity documentation for a step by step guide
• Once you have your Sanity datastore ready, fill in your env. varilables and proceed with the next steps

• Create a new project on Google API Console to get OAuth 2.0 client credentials
• Following the detailed instructions here to get the crendentials

• Create a new file .env.development under ./ and fill the following three variables

NEXT_PUBLIC_SANITY_TOKEN = < YOUR SANITY PUBLIC TOKEN >

NEXT_PUBLIC_GOOGLE_API_TOKEN = < YOUR GOOGLE AUTH PUBLIC TOKEN >

NEXT_PUBLIC_BASE_URL = http://localhost:3000

• Use the following command in your terminal from ./ to install project dependencies

npm install
< or >
yarn install
< or>
pnpm install

• After you have installed dependencies, use the following command in your terminal from ./ to start the dev. server

npm run dev
< or >
yarn dev
< or >
pnpm dev

• Visit http://localhost:3000 to view Cacta on your local machine

• Update the evniornment variables on your hosting platform before building
• NEXT_PUBLIC_BASE_URL can be left empty initially and can be updated once the app is hosted

NEXT_PUBLIC_SANITY_TOKEN = < YOUR SANITY PUBLIC TOKEN >

NEXT_PUBLIC_GOOGLE_API_TOKEN = < YOUR GOOGLE AUTH PUBLIC TOKEN >

NEXT_PUBLIC_BASE_URL = < Hosted URL >

• Use the following commands for building and deploying

npm run build
< or >
next build

npm install
< or >
yarn install
< or>
pnpm install

• Congratulations your Cacta app is up and running!

👤 Abdul Ahad Siddiqui

• Github: @AbdulAhadSiddiqui11
• LinkedIn: @abdulahadsiddiqui11

Contributions, issues and feature requests are welcome!
Feel free to check issues page.

Give a ⭐️ if this project helped you!

Copyright © 2023 Abdul Ahad Siddiqui.
This project is MIT licensed.