joonasmkauppinen/pat-project-frontend

Front end code for PAT.

PAT. Project Frontend

Frontend repsitory for PAT.

Project

PAT. is the product of the first major year's project from 'Basic Concepts of Web Technology' course.

Goal

The goal of the project was to make a mobile first Media Sharing Web Application where users can upload different types of media, rate other users posts and follow other users. We were not allowed to use any frameworks or libraries, so this project is done using pure HTML, CSS and JavaScript.

Working application

• Official site: https://patapp.github.io
• Latest features: https://joonasmkauppinen.github.io/pat-project-frontend/

(both links should have the same version of the app)

Backend

Code and more info for backend can be found form backend repository.

Usage

1. Clone or download this repository git clone https://github.com/joonasmkauppinen/pat-project-frontend.git
2. Modify ./src/js/global.js
   • Set API_URL address for your Backend Server
   • Check BASE_ADDR and modify it if necessary
3. Serve the files over some web server or run using localhost

NOTICE

• Frontend needs a backend server running! Otherwise you can only view the welcome page.

Screenshots

Welcome page and Sign up

In app navigation and Upload