Zarina2311 / animal-sighting-tracker

Full-stack web app for adding animal sightings. Written in React.js, Node.js, Express.js, and PostgreSQL

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Animal Sighting Tracker

Full-stack web app written in React.js, Node.js, Express.js, and PostgreSQL.

Screenshot

Features include:

  • List of all sightings of the animal sighted
  • Form to add new sighting record
  • Images of each animal recorded
  • Link to each animal's Wikipedia page for a more detailed info

Installation

Database

Run db.sql on postgres

Express

cd express
npm install

React

cd react
npm install

Start servers

Express

cd express
node src/index.js

React

cd react
npm start

Once both servers are running (Express on port 3000 and React on 3001), open http://localhost:3001 to view the app in the browser. To see a list of all recorded sightings, open http://localhost:3000/sightings.

About

Full-stack web app for adding animal sightings. Written in React.js, Node.js, Express.js, and PostgreSQL


Languages

Language:JavaScript 53.4%Language:TSQL 37.7%Language:CSS 7.1%Language:HTML 1.9%