This is TripPlanner, a quick project for Lendis, created with NEXTJS, Typescript.
First, run the development server: Rename .env-sample to .env and edit content as required (update with required API)
npm run devOpen http://localhost:8502 with your browser to see the result.
This project is about a trip planner, built on top of the Deutsche Bahn’s open API. The wrapper API from transport.rest was used instead of Deutsche Bahn’s official API.
A user can specify the name of the city or the station s/he wants to start his/her journey, along with the day and time, and get back the journey’s details.
The journey can occur with all available modes of transportation, and the language used for all messaging is in English.
Few features where included:
- Mobile responsive.
- Dark and Light Mode.
- Date/Time Picker.
- Deploy to Firebase.
You can check out TripPlanner for a preview!
Google's Firebase was the choose for deployment. Here are simple steps to deploy to Firebase.
- Create an firebase account on Firebase (you will already have one if you own a gmail account)
- Locally install firebase in the project
npm i firebase-tools -D- Login into your firebase account from the project
node_modules/.bin/firebase login- Initialise hosting
node_modules/.bin/firebase init hosting- Follow instructions of the subsequent prompts, and answer accordingly
create or use existing project, eg - tripplanner or whatever name you like
? What do you want to use as your public directory? out
? Configure as a single-page app (rewrite all urls to /index.html)? No
? Set up automatic builds and deploys with GitHub? No
? File out/404.html already exists. Overwrite? Yes
✔ Wrote out/404.html
? File out/index.html already exists. Overwrite? Yes
✔ Wrote out/index.html- Build your project
npm run build- Deploy
node_modules/.bin/firebase deploy --only hosting