My Style

About My Style:

My Style is a gallery website whose artists are its users itself. The art is the user's outfits. On My Style, users can upload their outfits and share where their pieces are from. Users can react to other users' outfits with emojis to share their thoughts.

Names and GitHub Usernames:

Johanne Moresco -> @johannemoresco
Sydney Speckmann -> @sydindacrib
Jeremy Dimas -> @jeremydimas
Yahir Dimas -> @yayhere
Gustavo Castrejon -> @Applesauce818

How to view history:

Visit this link: https://github.com/johannemoresco/MyStyle

How to Run My Style:

1. Download Node and React
   Node: https://nodejs.org/en/download
   React: https://react.dev/learn/installation

2. Clone the repository:
   Click on the "Code" button to get the web URL to clone the repository, or use this: https://github.com/johannemoresco/MyStyle.git Copy and paste this on your terminal in order to clone the repository.

3. Installing npm:
   After successfully doing git clone on the URL, make sure to do npm install and then cd into the mystyle directory by doing cd mystyle.

4. Inputting the API Key:
   This project will not run without the provided Firebase API Key. Please check your email for the API key, and then go to the file firebase.js and where it asks you for the API Key, copy and paste it there. Make sure the key is enclosed in quotation marks. Save the file.

5. Starting up local host:
   After succesfully inputting the API key, type npm start on your terminal to start up local host and use the project.

Using My Style:

As a new user, create a new account in the sign up page, which is where you should first be redirected after doing npm start. Enter your desired login information, and then click on sign up. After signing up, go to the login page to login with your newly created account. Upon logging in, you should now be able to view previous user posts, as well as upload your own and contribute to the gallery of outfits! Have fun looking through user posts, giving reactions, and looking at people's accounts.

Sources:

Here are some of the resources we utilized to complete this project.
For learning purposes: https://www.youtube.com/watch?v=mEPm9w5QlJM&ab_channel=freeCodeCamp.org
For the search bar: https://www.youtube.com/watch?v=sWVgMcz8Q44&ab_channel=CodeComplete
For the upload feature: https://www.youtube.com/watch?v=YOAeBSCkArA
https://github.com/machadop1407/firebase-file-upload/blob/main/src/App.js