Giftune Frontend

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 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/'

Deployed Links

frontend: Giftune on Netlify backend: Giftune on Render database:

Blockers we had during development

• Basic SQL queries everyone needed weren't made beforehand and we had multiple queries doing the same thing. We did some cleanup and fixed that as a group.
• At one point we needed to figure out how to store the user login in local storage or in state on App.js so we could get the user information passed around properly and make a conditional for the sidebar that should only show up after you log in. We asked Instructor Pak for help on this since we were at a loss to get this working. We ended up storing the user in both local storage and in state.
• Logic for maipulating the upcoming dates and sorting them was confusing and a couple of us put our heads together to work it out and then used chatgpt to clean up the code a bit before we finished making it more efficient.

Express Skeleton

This is a skeleton for a backend web application using Express.js. 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/express-skeleton my-app-backend

3. Change into the directory.

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

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

Express Setup

Prerequisites

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

Getting Started

# Install dependencies
npm install

# Start the development server
npm run dev

Note: The development server will restart automatically when changes are made to the source code as long as you use Nodemon to start the server and leave the server running. If you stop the server, you will need to restart it manually. We've setup a script in the package.json file to make this the default behavior when you run npm run dev.

Built With

• Express - Web framework
• dotenv - Environment variables
• nodemon - Development server
• cors - Cross-origin resource sharing
• morgan - HTTP request logger

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.