• Project Details 💼
  • What is this project about ?
  • What are the technologies used ?
  • Working Demo
• Setup Instructions 📖
  • Frontend 🚀
  • Backend 🚀
    • develop
    • start
    • build
    • ⚙️ Deployment
    • 📚 Learn more

Project Details 💼

What is this project about ?

This project is basically an social media platform that is used to connect people with same passion online. The user can select their likes of work and explore them and then explore person's profile and talk with them globally or email them.

What are the technologies used ?

The technologies used in this project are as follows:

1. React.js --> React framework that is used to build the frontend of the application.Leverages React's server-side rendering capabilities and huge out-of-the-box features like file-based routing, API routes, and more.
   
   
2. Tailwind CSS --> It is a utility-first CSS framework that is used to style the application. It is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override.
   
   
3. NODEJS --> It is a headless CMS that is used to build the backend of the application. It is an open-source, self-hosted, and customizable content management system (CMS) that is built with Node.js and React. It is a fully open-source JavaScript-based, and frontend-agnostic headless CMS.
   
   
4. Cloudinary --> It is a cloud-based image and video management service that is used to store the images of the products. It is a cloud-based image and video management service that allows you to upload, store, manage, manipulate, and deliver images and video for your websites and apps.
   
   
5. Razorpay --> It is a payment processing platform that is used to make the payment. In this case we are using it so that the users can make their orders after buying the products.
   
   
6. MongoDb --> It is used to store the data of the users. It is a free and open-source relational database management system emphasizing extensibility and SQL compliance.
   
   

Working Demo

---

Setup Instructions 📖

Frontend 🚀

Install the dependencies & start the development server (frontend)

npm install
npm run dev

Backend 🚀

Change the directory to the backend and then install the dependencies

cd server
npm install

Strapi comes with a full featured Command Line Interface (CLI) which lets you scaffold and manage your project in seconds. Do one of the following

develop

Start your Strapi application with autoReload enabled. Recommended for Development Learn more

npm run dev

start

Start your Strapi application with autoReload disabled. Learn more

npm run start

build

Build your admin panel. Learn more

npm run build

⚙️ Deployment

Render gives you many possible deployment options for your project. Find the one that suits you on the deployment section of the documentation. "# Friendify-Private" "# Friendify-Private"