💝 Giftune

An app designed to keep you on top of your loved ones’ upcoming birthdays where you can effortlessly select the perfect gift from a diverse array of options provided by your loved one's wishlist.

👷🏻‍♀️ Giftune is always improving! The login feature with with google authentication is in the works. Site might be down! ⚙️

🎖️ Features

• 🗝 Sign in with Google (authentication)
• 👤 View your own profile, email, name, id, etc.
• 📬 Users can send friend invites
• 🔔 Get notified of friend requests
• 👀 See if someone has bought gifts for you
• ✍🏻 Add items to your wish list
• 🛍️ Buy from friend's wish lists

🛠️ Main Technologies

• React
• Javascipt
• Material UI

Other Repos

backend: Giftune Backend Repo

Deployed Links

frontend: Giftune on Netlify backend: Giftune on Render

📝 Process

...

🐛 Current Bug

...

Giftune instructions (local host)

1. In command line, navigate to 'capstone-backend'

2. Insert command 'npm install'

3. Insert command 'npm run pg:init'

4. Insert command 'npm run dev'

   Now for the Frontend

5. In command line, navigate to 'capstone-frontend'

6. Insert command 'npm install'

7. Insert command 'npm start' or 'npm run start'

   Application will now open in a new tab on your default browser with URL 'http://localhost:3000/'

React Skeleton

This is a skeleton for a frontend web application using React. It is intended to be used as a starting point for new projects. It is not intended to be a production-ready application.

Using the Skeleton

1. Fork the repository on GitHub.

2. Clone the repository to your local machine.

   git clone <repository-url> <directory-name>
   # Example: git clone https://github.com/9-5-pursuit/react-skeleton my-app-frontend

3. Change into the directory.

   cd <directory-name>
   # Example: cd my-app-frontend

4. Setup a new remote repository on Github so that you don't overwrite the skeleton repository.

5. Link your local repository to your new remote repository.

   git remote set-url origin <new-repository-url>

6. Make a small change, then create a new commit to test the remote repository.

   git add .
   git commit -m "Update remote repository"
   git push

React Setup

Prerequisites

• Node.js - JavaScript runtime
• npm - Package manager

Getting Started

# Install dependencies
npm install

# Start the development server
npm start

Note: You should have the backend development server running before starting the frontend development server. Each server should be running simultaneously in separate terminal windows. This can be a lot to keep track of at first, so take your time when making changes to the repository.

Built With

• React - JavaScript library for building user interfaces
• react-router-dom - Routing
• axios - HTTP client

Additional Notes

Since this is a skeleton, the .env file is included in the repository. This is not recommended for production applications. The .env file should be added to the .gitignore file and the environment variables should be set in the production environment.