Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kwu395/mission_ready_l5_mission_5
Final project from the Mission Ready Level 5 course: A collaborative effort with UX designers to enhance the design of the Trade Me website. 🚀
https://github.com/kwu395/mission_ready_l5_mission_5
backend css docker dockercompose expressjs frontend git html javascript mongodb nodejs react ux-design
Last synced: 3 months ago
JSON representation
Final project from the Mission Ready Level 5 course: A collaborative effort with UX designers to enhance the design of the Trade Me website. 🚀
- Host: GitHub
- URL: https://github.com/kwu395/mission_ready_l5_mission_5
- Owner: kwu395
- Created: 2024-04-01T09:04:02.000Z (9 months ago)
- Default Branch: final
- Last Pushed: 2024-08-24T09:42:08.000Z (5 months ago)
- Last Synced: 2024-09-28T21:04:39.229Z (3 months ago)
- Topics: backend, css, docker, dockercompose, expressjs, frontend, git, html, javascript, mongodb, nodejs, react, ux-design
- Language: JavaScript
- Homepage:
- Size: 489 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Mission Ready Level 5 Mission 5 Trade Me Project 🚀
Final project from the Mission Ready Level 5 course: A collaborative effort with UX designers to enhance the design of the Trade Me website.
This application was created based on a version of prototype design received from UX Designers. Each developer worked on one screen of the application with both frontend and backend functionality.
Technologies used include:
- Frontend: React, HTML, CSS, JavaScript
- Backend: Express.js
- Database: MongoDB
- Docking: Docker Compose
# Search Results Page Overview 💡
This application features two key pages from the Trade Me prototype design: the Search Results and Bidding Modals. My focus was primarily on the Search Results page, encompassing both frontend and backend development.
The Search Results page is structured into several components: Header, Filter, Products, and Footer. The Products component interacts with the MongoDB backend, where data like name, date, and images are stored. This data is retrieved via a POST request from the backend to the frontend, and the containers are dynamically displayed using the map method.
