Giter VIP home page Giter VIP logo

internetprogrammingproject's Introduction

InternetProgrammingProject

internetprogrammingproject's People

Contributors

mateuszplaza avatar loki701 avatar kevin-daniel avatar hadiplays avatar alexandrespallone avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

internetprogrammingproject's Issues

Add Design

Improve the CSS a bit, make it look visibly cleaner.

Lock event page contact info behind login

We don't want users who aren't logged in to see people's names and emails. BUT prof said that it would be good to show not logged in users what listings are available to encourage them to register. Solution: allow users with no session to see available listings on the event page, but on the drop down show a prompt to log in first instead of the regular contact information

STRETCH: Show avg listing price on sell page

Stretch goal:
Would be super cool if when you select a game on the sell page for your listing, a little message says "The average current listing price for this game is xxx"

Signup verification email

Pretty self explanatory. The registration page should have another screen that asks for a verification code that is sent to the ufl email submitted by the user.

Design Listing Page Frontend

Create the frontend for the listing page. Should have all the form elements and some basic JS to collect all that data. Ensure it scales cleanly

Login and Session Functionality

Enable login functionality. This should create a session on the site, with the user_id being available in various pages. This should also change the 'log in' button to 'profile' on the nav bar.

Validate markup

From the assignment submission:

The project must make use of W3C valid HTML with appropriate graphics/pictures. The project will be submitted to a markup validation service to check. For instance, one might use http://validator.w3.org/

Use that validator to make sure we are good, and make any fixes necessary

Design Login and Signup page frontend

Design the login and signup pages similarly to the wireframe. This UI doesn't have to be exact, feel free to change the layout/feel, split these into two separate entities, etc. Just needs to have a clear login space and a clear signup space.

Navbar changes

Navbar needs some updating:

  • Some of the links go to .html files which are now .php files
  • 'profile' section should say log in/sign up when no session is active, then switch to 'profile' when user is logged in
  • Of course, this should also link to the correct sites.

Design Event Page Frontend

Create the frontend for the event page. This should have the map view, the list view, and should scale as shown in the wireframe.

Create FAQ

Create the FAQ page with relevant Q's and A's

Design Profile Page Frontend

Create the frontend for the profile page. Should show the relevant profile info on top and have the list view of active listings at the bottom. The list view should scroll horizontally on large display and vertically on small. Should have functions to easily add listing items. This code should be very similar to the event view on the landing page, can possibly borrow/collaborate there

Log out button

Self explanatory. Could either go on the nav bar or in the profile page.

Design main page navigation

Create the navbar that will be used in every page in the site, and create blank placeholders for each of these pages. Navbar should include all items from the wireframe, and should scale with screen size as shown in the wireframe login page.

Documentation

From the assignment page:

All groups are required to provide basic software documentation for their website. This includes 1) a basic user manual on how to use the website, and 2) an entity‐relationship diagram (ERD) that illustrates the database structure. This information is vital to the final project, so please take it seriously.

Create the user manual and update the ERD (a working version is in resources on discord). Make sure the user manual is clear, well formatted, and includes instructions for all major features, with screenshots.

Connect event page to DB

Event page should have listings autopopulate from db. Event, view, and section selected should be using GET method

Create mySQL database and set up user

We need to create a mySQL database for our project. This will have to live in one of our UF machines - will need to create the database and create a user with read and write access to it. The user will need to have a wildcard host see here. The database should include tables:

Events:

  • event_id
  • event_name
  • event_image
  • event_date

Users:

  • user_id
  • user_email
  • user_password

Listings:

  • listing_id
  • user_id
  • listing_price
  • listing_section
  • listing_row
  • listing_seat
  • listing_negotiable

Should also create a dummy php file to demonstrate connecting to db

Design Landing Page Frontend

Create the landing page frontend. Main thing here is to have that list view where it scrolls horizontally on desktop and vertically on mobile. Should add some scripts and functions to easily add event items programmatically

Connect profile page to DB

Profile page should show user data, and populate listings from DB. Should also allow editing listing entries

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.