Project 2: Client-Side Single-Page Application Project
The 2RISM app is a Client-Side Single-Page Application Project which was developed by our group as the final project for the edX Front-End Web Development course. It is designed to help users save time and reduce the stress of trip planning. By providing various useful features, users can easily find and organize all the information they need in one place, making their travel experience more enjoyable and hassle-free.
-
Activities and Accomodations: When I enter a city or country name in the search bar, the app should display relevant locations and points of interest. The user should be able to click on a location to view more information about it, such as its address, hours of operation, and user reviews.
-
Map : Display general Map that help the User guide himself from the citty or town.
-
Extra : Display general information about the city or country, such as its currency, language, and population.
-
Frontend: HTML, CSS, ReactJS, Bootstrap, Figma
-
Version Control: Git
-
Package Manager: NPM, Nodejs,
-
Web Hosting Service: Netlify
-
Code Quality: Prettier
The 2RISM app will help users save time and reduce the stress of planning a trip by providing an easy-to-use platform for finding and organizing travel information. The app will also showcase your group's abilities to solve real-world problems and implement a client-side single-page application. Feel free to explore the website to learn more about 2RISM:
- The live version of this project can be found: 2RISM
As a user,
I want to be able to search a city or country on a map,
SO that I can easily find and plan my travel activities.
- Search Functionality
When a user enters a city or country name in the search bar, the app should display a map with relevant locations and points of interest. (Travel Advisor API) The app should also display general information about the city or country, such as its currency, language, and popular attractions. (restcountries API)
- Location Details
By clicking on a location, the user should be able to view more information about it, such as its address, hours of operation, and user reviews. (Maps-data API)
- Recommendations
The app should provide recommendations for things to do based on the user's interests, such as outdoor activities, museums, or restaurants.
- Project Requirements
The app should be created using React for the front-end and Node.js for the back-end. The app should have both GET and POST routes for retrieving and adding new data. Deploy the app using Netlify.
Utilize at least two libraries, packages, or technologies that have not been discussed in class. Have a polished front end/UI.
Follow good quality coding standards, including indentation, scoping, and naming conventions. The app should have a high-quality README file, including a unique name, description, technologies used, screenshots, and a link to the deployed application.
This project is licensed under the MIT License.
- Back End Team
The task involves creating the backend logic, which includes integrating various APIs and ensuring their proper functioning. It also encompasses managing data storage and monitoring the system's performance.
Stivin J.M. Click here to view the git hub page
Nana Click here to view the git hub page
- Front End Team
Focused on designing prototypes of our logo and webpage, building the UI/UX of the application, and working on React component code.
Christine Woolrych Click here to view their git hub page
Khadeejat Mohammed Click here to view the git hub page
Abiodun Daniel Ijelu Click here to view the git hub page
