/Imgurify-Social-App

Primary LanguageJavaScript

Imgurify Project

This project is a React-based web application that emulates some of the core features of Imgur, a popular online image hosting and sharing platform. It allows users to browse, upload, like, and comment on images.

Features

  • User Authentication: Users can create accounts, log in, and log out. Authentication is managed through JSON Web Tokens (JWTs) and local storage.

  • Image Upload: Logged-in users can upload images with titles, descriptions, and tags.

  • Tagging System: Images can be tagged, allowing for easy categorization and discovery.

  • Liking and Disliking: Users can like and dislike images, and the total number of likes is displayed.

  • Commenting: Users can comment on images.

Getting Started

Installation

  1. Clone the repository to your local machine.
  2. Navigate to the project directory.
  3. Install dependencies with npm install.
  4. Start the backend server with nodemon index (Make sure you have MongoDB installed and running).
  5. Start the development server with npm start.

Prerequisites

  • Node.js and npm should be installed on your system.
  • Note: To use the app, you will also need to clone the imgurify-api repository.

Configuration You may need to adjust the API endpoints in the code to match your server's URL.

Tech Stack

  1. React (Frontend)
  2. Node.js (Backend)
  3. Express.js (Backend)
  4. MongoDB (Database)
  5. JWT (Authentication)
  6. Axios (HTTP requests)

Contributing Contributions are welcome! If you have any suggestions or find any bugs, please open an issue or submit a pull request.

License This project is licensed under the MIT License.

Acknowledgements Special thanks to Imgur for providing inspiration for this project.