Skip to content

christinabrgs/fetch

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

18 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Fetch Dog Adoption Challenge

This repository contains a full-stack web application with a React Router frontend, Node.js backend, and SQLite database. A simple dog adoption app where users can browse a large library of doggies, filter based on breed and age, and save their favorite dogs. The user can then produce a 'match', generated based on their listed favorite dogs.

πŸš€ Project Setup

Prerequisites

  • Node.js
  • npm or yarn
  • Git

πŸ”§ Backend Setup

1. Clone the Repository

git clone git@github.com:christinabrgs/fetch.git
cd backend

2. Install Dependencies

npm install

3. Set Up Environment Variables

Create a .env file in the backend directory and add:

PORT = 5000
DATABASE_URL = ./database.db

4. Run the Server Locally

npm run dev

🎨 Frontend Setup

1. Navigate to the Frontend Directory

cd ../frontend

2. Install Dependencies

npm install

3. Set Up Environment Variables

Create a .env file in frontend:

VITE_DATABASE_URL = http://localhost:5000/dogs
VITE_API_URL = https://frontend-take-home-service.fetch.com
VITE_RENDER_URL = https://fetch-ne1g.onrender.com

4. Build and Run Locally

npm run dev

πŸ“Œ Notes

  • The backend uses Express.js for route handling and SQLite database.
  • The frontend is built with React Router & Vite.
  • API/ Database URLs are managed via environment variables.
  • The session will expire after 1 hour, requiring users to re-login.
  • The frontend uses Axios for API data fetching.

🎯 Need Help?

  • If you encounter issues, check the logs.
  • Open a GitHub issue or reach out for support!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages