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
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.
- 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.
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.
- 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.
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.
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/
- The main inpiration for the project came from https://www.adverts.ie/
- Images taken from Google Images.