internetprogrammingproject's Introduction
internetprogrammingproject's People
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
Sign up functionality
Related to login functionality. Should create a new user, and log them in.
Show number of listings for each event on the home page
One of the project requirements is to utilize a select statement that joins tables. Join the event and listings tables to get the number of listings for each event and show on the home page.
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.
Connect listing page to DB
Listing page should create a new entry in the listing table
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
Lock Admin Page to Dev Accounts
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.
Connect home page to DB
Home page should autopopulate events from events table
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.
Edit Listing in profile page
There's an edit button on the user's listings in the profile page. Implement functionality
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
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.