Welcome to Snowy Snaps, a website where husky lovers can share pictures of their huskies with others, learn about huskies, and so much more! This project is made with React, Firebase, and Tailwind. It was built with Vite. The website is available here: https://snowy-snaps.web.app/
- Register and create a profile with a custom avatar
- Choose from the available avatars, or upload your own
- Write a bio for your profile page
- Upload pictures and gifs, crop them freely, and choose emotions (emojis) for your picture
- These emotions describe the feelings of the husky
- Filter images by emotions, upload date, and image type
- Check out other users' profiles
- You can see their bio, uploaded pics, and even their liked pictures
- Like and save images to your collection
- Learn about huskies in the Huskypedia page
- Fully responsive design, including a unique header menu in mobile view
- Dark mode switcher
- Custom animations and illustrations
To run this project locally, you will need to have Node.js installed on your computer.
- Clone this repository
git clone https://github.com/SLorant/Snowy-Snaps.git- Navigate to the project directory and install dependencies
cd Snowy-Snaps
npm install- Create a Firebase project and add your Firebase configuration details to a .env file in the root directory of the project. Your .env file should look like this:
VITE_AUTH_DOMAIN=<your-auth-domain>
VITE_API_KEY=<your-api-key>
VITE_PROJECT_ID=<your-project-id>
VITE_STORAGE_BUCKET=<your-storage-bucket>
VITE_MESSAGING_SENDER_ID=<your-messaging-sender-id>
VITE_APP_ID=<your-app-id>- Run the app in development mode
npm start- The illustrations were made with the combined superpowers of Midjourney and my girlfriend :)
- For the Huskypedia page I used several sources, I mentioned them in the page itself
- For the real images, I used Pexels (pexels.com)
- Also, there are some necessary legal documents, which were made by mostly ChatGPT
This project is licensed under the MIT License. See the LICENSE file for details.
If you have any questions or feedback, please feel free to contact me at [email protected]. Thank you for visiting Snowy Snaps!