Pic Wars is a web application that allows users to upload and view photos. It also provides a feature to fetch and display TV shows from an API. This repository contains the source code for the Pic Wars application.
Live Link: https://picture-wars.web.app/
To fully experience Picture Wars, follow these steps:
Enter any random email in the format [email protected]
Enter any password.
Click on the SIGN UP button.
Enter the same email and password.
Click on the Login button.
Click on the Photos button to access the photos uploaded to Firebase.
Click on the Shows button to see the TV shows fetched from the API.
React
Firebase (Authentication, Firestore, Storage)
Axios (for API requests)
Tailwind CSS (for styling)
GitHub Actions (for continuous deployment)
Firebase Hosting (for hosting the application)
User authentication (sign up, login, logout)
Photo uploading and storage using Firebase Storage
Displaying uploaded photos in a grid view
Deleting photos
Fetching TV shows from an external API
Displaying TV shows with show details
To run the application locally, follow these steps:
Clone the repository: git clone https://github.com/Yogeshmalik/pic-wars.git
Navigate to the project directory: cd pic-wars
Install the dependencies: npm install
Create a Firebase project and set up the Firebase configuration in the .env file:
Copy the .env.example file and rename it to .env.
Replace the placeholder values in the .env file with your Firebase project's configuration.
Start the development server: npm start
Open the application in your browser: http://localhost:3000
The TV show data is fetched from the TVmaze API. The project was created and developed by Yogesh Malik.
Pic Wars provides an interactive platform for users to upload and view photos as well as explore TV shows. The combination of Firebase for data storage and authentication, along with React for the frontend, creates a seamless user experience. Feel free to explore the application and share your feedback.