/nekkoh

A full stack web application for pet owners/lovers who want to share photos of their pets.

Primary LanguageJavaScript

Nekkoh

A full stack web application for pet owners/lovers who want to share photos of their pets.

Why I Built This

I enjoy sharing pictures of my pets and I love viewing pet-related profiles in socia media. I wanted to learn and build a full stack CRUD that related to my interest.

Technologies Used

  • React.js
  • Webpack
  • Bootstrap 5
  • Node.js
  • HTML5
  • CSS3
  • Dokku

Live Demo

Try the application live at https://nekkoh.com/

Features

  • User can view a gallery of pet photos
  • User can post their own photo
  • User can update the content of their own post
  • User can delete their own post
  • User can comment on a post
  • User can delete their comment on a post
  • User can search for another user's posts

Stretch Features

  • User will be able to view their profiles
  • User will be able to like posts

Preview

nekkoh demo nekkoh demo 2

Development

System Requirements

  • Node.js 18 or higher
  • NPM 8 or higher

Getting Started

  1. Clone repository
git clone git@github.com:arcan9/nekkoh.git
cd nekkoh
  1. Install all dependencies with NPM
npm install
  1. Create the database
createdb nekkohApp
  1. Import the example database to PostgreSQL
npm run db:import
  1. To examine the database
pgweb --db=nekkohApp
  1. Start the project
npm run dev

Once started you can view the app by opening http://localhost:3000 in your browser.

S3 Bucket setup

In handling file uploads:

  • You will need to login to the AWS S3 console
  • Create a bucket for the app
  • Have AWS create the following environment variables with your credentials:
{
    AWS_S3_REGION=us-west-1
    AWS_S3_BUCKET=your-bucket-name
    AWS_ACCESS_KEY_ID=your-access-key-id
    AWS_SECRET_ACCESS_KEY=your-secret-access-key
}