- 🔍 Search trending GIFs, stickers & text
- 💾 Save your favorites
- 📤 Share with friends
- 📥 Download GIFs
Tech | Description |
---|---|
MongoDB | NoSQL database with transaction support |
Express | Backend server framework |
React | Frontend library |
Tailwind Css | For UI |
Node.js | Runtime environment |
JWT | Secure authentication mechanism |
Mongoose | MongoDB object modeling tool |
Vite | Build Tool |
Context-API | For state Management |
Note: If you are new to open source contributions, you can refer to this guide by GitHub.
-
Fork the project repository:
- Go to the project repository on GitHub.
- Click on the "Fork" button in the top-right corner of the page.
- This will create a copy of the repository under your GitHub account.
-
Clone the forked repository to your local machine:
git clone https://github.com/parasss19/GiphyApp cd GiphyApp
- This command will create a local copy of the project on your machine.
-
Install frontend dependencies
npm install
-
Setup ENV for Backend Create a
config.env
file in theBackend
directoryVITE_GIPHY_KEY = "YOUR GIPHY API KEY" VITE_BACKEND_URL = "YOUR backend url" VITE_GOOGLE_CLIENT_ID = "YOUR GOOGLE CLIENT ID FOR OAuth"
-
Running Frontend
npm run dev
-
Open the app - Go to
http://localhost:5173
in your browser
Note: For backend Repository Refer to Giphy_Backend .
This project is licensed under the MIT License.