Giter VIP home page Giter VIP logo

data-centric-project-6's Introduction

Buy and Sell Website

A website like averts.ie that lets users post and view ads. All monetery transactions would be handled in person by the users, outside of the website (Just like adverts.ie) Users browsing ads have the option of filtering by category or counties, or by using the search feature

UX

I prioritised letting the user filter through ads, when I was planning my UX design. This lead me to a browse by category, browse by county and search features. I tried to lay out the website in a way that would feel natural to the user, and used materialize icon to indicate buttons functions at a glance. The UI is left fairly basic as I was running out of time to submit. There are multiple components whose styling I would tweak, with more time.

Features

  • Home Page displaying the 8 most recent ads, as well as links to the different features/pages.
  • Nav Bar letting the user easily return to the home page.
  • Search Bar letting the user search through the ads by inputting a string of text.
  • Browse by Category/County lets the user isolate the ads to a single category or county.
  • View all ads displays all ads.
  • Post Ad lets the user post their own ad.

-On click, an ad will expand and display all asosiated information. -Edit Ad lets the user make changes to that particular ad. -Delete Ad will instantly delete that ad from the database.

Features Left to Implement

Because I ran short on time, there are quite a few extra features that I would Ideally add.

  • Add second step to delete. (At the moment a user could easily delete an ad from the database because the delete button deletes instantly).
  • Remove Time from dates. (The date information on the ad page looks messy at the moment)
  • Display number of ads in category/county in modal. (So the user would, for example know before clicking if the category/county they were interested in had any associated ads).
  • Think about segmenting all adds by category lines.
  • Comments section in ad page.
  • User registration and only allow the user who made an ad to delete it.
  • Add Pagination.
  • Improve Styling.

Technologies Used

  • Html: Used for the pages skeletons.
  • Css: Used to style the pages.
  • Python: Used to organise the backend.
  • Materialize: Used for some styling and icons.
  • MongoDB: Used to host the database.
  • Flask/Jinja: Used to connect the different web pages.
  • GitHub: Used to back up the code.
  • Heroku: Used for live hosting.
  • Jquery: Used to get materialize to work.

Testing

All of the testing was done manually. I went through all of the features and various pages to make sure everything worked. I added, edited and deleted database entries through my created interface. I also made sure that everything looked decent on mobile devices.

Deployment

As I worked on the project, I made sure to incrementally push my work to github for version control. I linked the github page to heroku for live deployment.

Github Link: https://github.com/ShaneT1708/data-centric-project Heroku Link: https://data-centric-project-st.herokuapp.com/

Credits

data-centric-project-6's People

Watchers

James Cloos avatar

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.