TWITTER clone with React, Express, Tailwind, Next, MongoDB, Vercel

Demo

First, install the dependencies, by running this command in the root directory:

npm i

Second, Fill in the environment variables in the .env file in the frontend and backend folders respectively:

Connect to your MongoDB database and add the connection string to the DB_URL variable, in the backend .env file
Fill the Mail variables with your mail credentials, in the backend .env file
Create a Cloudinary account and add your credentials to the CLOUDINARY_CLOUD_NAME, CLOUDINARY_API_KEY, and CLOUDINARY_API_SECRET variables Tutorial Link
- Add the NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME variable to the frontend .env file
- make sure that you create an unsigned upload preset and update the uploadPreset variable in the ShareSprint/frontend/components/ImageUpload.tsx file with it Note: The app won't work without the couldinary credentials

Third, you can run the application both the frontend and the backend concurrently, in development mode by running:

npm run build; npm run dev

Open http://localhost:3000 with your browser to see the result.